时间戳

首页 > 解决方案 > 如何让字体出现在所有设备上？

html - 如何让字体出现在所有设备上？

问题描述

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

标签： htmlcssfontsresponsive

解决方案

嵌入字体

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

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

在 CSS 中指定

使用以下 CSS 规则来指定这些系列：

font-family: 'Spectral', serif;

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

推荐阅读