html - Google Web 字体导入在堆栈末尾不起作用

标签 html css linux fonts

当导入网站的 Google Web 字体不是字体堆栈中的第一个时,它们无法正常工作。

但是,当它们首先出现在字体堆栈中时,它们确实有效,但我不需要它们。

一周前,我在我的笔记本电脑上安装了 Linux 作为双启动系统,并决定看看我的网站在 Linux 上的样子——它看起来很奇怪,因为 Linux 缺少很多字体,尤其是我的 Palatino 字体——我决定找一个备份的谷歌字体.但它现在没有按预期工作。

问题不在于字体没有加载——它们正在加载:

有时我有两种语言的网页,英语和梵语(还有印地语),Google Web Font 也有拉丁语和梵语字符。当 Web Font 位于位置 3 或 4 时,它会更改梵文文本,但保留文本的英文(拉丁文)部分不变。

但是,当 Web Font 放在第一位时,一切正常。

@import 'https://fonts.googleapis.com/css?family=Sahitya&subset=devanagari';

font-family: 'Sahitya', "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;

font-family: "Palatino Linotype", Palatino, "Book Antiqua", 'Sahitya', Georgia, serif;

更新: 字体堆栈也适用于第二位置的 Webfont,即喜欢

font-family: "Palatino Linotype", 'Sahitya', Palatino, "Book Antiqua", Georgia, serif;

- 但不在 Palatino 字体后面...我怀疑可能有带引号的东西?!双人还是单人?! - 虽然我知道一般规则是 - 只有由 2 个单词组成的名称才需要引号;但还是……?!

更新 2:

同样的问题不仅出现在导入的情况下,而且出现在任何 Linux 字体上——如果它在字体堆栈中紧挨着 1 个单词的其他字体出现

font-family: Palatino, Carlito - 不起作用;

同时:

font-family: "URW Palatino l", Carlito - 工作

最佳答案

您是否尝试过将它们导入到您的 html header 中?像这样:

http://fonts.googleapis.com/css?family=Lato:400,300,700' rel='stylesheet' type='text/css'>

问候, 巴勃罗

关于html - Google Web 字体导入在堆栈末尾不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39069299/

相关文章:

javascript - 使用 Browersync 自动重新加载 css

javascript - 如何限制div的旋转 Angular

css - 样式表加载问题

javascript - 无法在不弄乱整个文档的情况下调整 "boxed"文本的大小

javascript - Firefox 中未对齐的 Bootstrap Carousel 图像

linux - 当别名被变量调用时如何调用别名

html - XPATH 获取所有没有 <script> 和 </script> 标签的标签

javascript - 使用 JavaScript 将本地 .txt 文件中的文本加载到 html textarea

linux - Nix/OS 架构概述?

linux - 如何查找和重命名多个文件