如何使字体出现在所有设备上？

Question

我在我的网站上使用谷歌字体“谱”：magpieandcapricorn.com，我刚刚开始学习关于响应性设计的知识，并使它有点工作。然而，我注意到我的Iphone上出现了谱字体，而我丈夫的Android却没有出现？我能做些什么来解决这个问题？是否有代码将默认文本更改为无法使用谱的设备的替代字体？

Answer 1

嵌入字体

若要将所选字体嵌入网页，请将以下代码复制到<head>文档中：

<link href="https://fonts.googleapis.com/css?family=Spectral&display=swap" rel="stylesheet">

在CSS中指定

使用以下CSS规则指定这些家庭：

font-family: 'Spectral', serif;

有关如何将字体添加到网页的示例，请参阅入门指南。