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

【问题标题】：Custom CSS Font loads on PC, not on IOS自定义 CSS 字体在 PC 上加载，而不是在 IOS 上
【发布时间】：2018-02-02 16:46:03
【问题描述】：

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

我在Customize > Typography 中添加了谷歌字体代码。这可以更改我的 PC 上的字体，但不能更改我的移动设备上的字体。

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

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

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

谢谢！！

【问题讨论】：

标签： ios css fonts

【解决方案1】：

看起来你把你的链接放在引用它的样式标签下面的一行。切换这两行：

【讨论】：

【解决方案2】：

您好像无意中在“Raleway”后面放了一个空格，所以网址无效：

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

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

一旦我在 Safari 开发者模式中删除了空格，字体就会正常显示。

【讨论】：