如何使字体显示在所有设备上?

时间:2019-12-20 23:45:23

标签: html css fonts responsive

我在我的网站magpieandcapricorn.com上使用Google字体“ spectral” 我刚刚开始学习有关响应式设计的知识,并使它有所工作。但是,我注意到Spectral字体显示在我的Iphone上,而不是我的丈夫Android?我该怎么做才能解决此问题?是否有代码将默认文本更改为无法使用Spectral的设备的替代字体?

1 个答案:

答案 0 :(得分:1)

嵌入字体

要将所选字体嵌入网页中,请将以下代码复制到HTML文档的<head>中:

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

在CSS中指定

使用以下CSS规则指定这些族:

font-family: 'Spectral', serif;

有关如何将字体添加到网页的示例,请参见getting started guide