自定义CSS字体在PC上加载，而不是在IOS上加载

Question

我正在尝试将我的网站标题上的字体自定义为Wordpress中的Raleway。

我在Typography＆gt;中添加了Google字体代码@site-title { font-family: 'Raleway'; font-style: light; src: url ('https://fonts.googleapis.com/css?family=Raleway'); } 。这是为了改变我的电脑上的字体而不是我的移动设备上的字体。

我将此代码添加到Custom CSS面板：

locale

似乎没什么用。关于我能做什么的任何想法？

我的网站：stillnorthretreatco.com

谢谢！

Answer 1

看起来您将链接指向引用它的样式标记下面一行的字体。切换这两行：

Answer 2

看起来你无意中在＆＃34; Raleway＆＃34;之后放了一个空格，所以网址无效：

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

尝试删除空格以使其正确解析。

在Safari开发者模式中删除空格后，字体显示正确。