Question

我对网络字体有一个奇怪的问题，我还没有找到任何答案 - 实际上甚至不是一个问题......

我有一个使用Google网络字体的网站。当从本地磁盘在浏览器中打开时，这很好地显示。但是，只要我将网站上传到服务器并从那里访问它，就会使用指定的后备字体。

字体在CSS中导入，如

/* Main sans font (headings)*/
@import url(http://fonts.googleapis.com/css?family=Cabin:400,700);
/* Main serif font (text)*/
@import url(http://fonts.googleapis.com /css?family=Crimson+Text:400,400italic,600,600italic,700);

然后像（例如）

一样使用

body {
    font-family: "Crimson Text","Georgia",serif;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

我没有（真实）线索可能是这种行为的原因，唯一的猜测是：

CSS中的某些东西通过绝对路径引用一些本地资源
在本地打开的文件中，某些相对路径的解析方式与在Web服务器上的解析方式不同。

开始调查的地方是什么（如果它不是一个明显的问题）？

Answer 1

从https://...网址
导入字体

google font reference

@import url('https://fonts.googleapis.com/css?family=Lato|Roboto');
p:first-child{font-family: 'Roboto';}
p:last-child{font-family: 'Lato';}

<p>https://fonts.google.com<p>
<p>https://fonts.google.com<p>

（谷歌）Webfont只在本地工作

1 个答案: