个人电脑上的自定义CSS字体加载，而不是IOS

Question

我试图自定义我的网站标题上的字体到Wordpress中的Raleway。

我在Customize>Typography中添加了谷歌字体代码。这正在改变我的电脑上的字体，但不是在我的移动设备上。

我将此代码添加到自定义CSS面板：

@site-title { 
    font-family: 'Raleway'; 
    font-style: light; 
    src: url ('https://fonts.googleapis.com/css?family=Raleway'); 
} 

似乎没有任何工作。我能做什么的想法？

我的网站：stillnorthretreatco.com

谢谢！

Answer 1

它看起来像你把你的链接到引用它的样式标记下面一行的字体。切换这两行：

Answer 2

貌似你不经意的把空间“Raleway”之后，所以该网址无效：

<link href="https://fonts.googleapis.com/css?family=Raleway " rel="stylesheet" type="text/css">

尝试删除空间，以便妥善解决。

一旦我在Safari开发人员模式中删除了空间，字体显示正确。