Comic sans 字体未在手机上显示答案

【问题标题】：comic sans font not showing on mobileComic sans 字体未在手机上显示
【发布时间】：2018-09-06 16:53:03
【问题描述】：

我最近在www.pipanni.com 建立了一个使用“Comic Sans”字体的漫画网站。到目前为止一切都很好，除了我的三星 Galaxy 手机上没有显示字体。它显示了一些看起来像 Arial 的东西。

我已经尝试过所有清除历史记录/缓存等。

这是我的样式字体：身体 { 字体系列：“comic sans ms”、“comic sans”、“Comic Sans”、arial、helvetica、tahoma、verdana；字体大小：18px；颜色：#000000； }

主页的标题在我的笔记本电脑（以及我测试过网站的所有其他计算机）上都可以正常工作，但在我的智能手机上却不行。

我没有 iphone，但我认为这些都可以。

接下来我可以尝试什么？

P.S：这是一个漫画网站，应该使用“Comic Sans”！ :)

【问题讨论】：

【解决方案1】：

我刚刚找到了一个简单的解决方案，你只需要像这样使用字体覆盖字体文件：

@font-face {
  font-family: 'Comic Sans MS';
  src: url("comic-sans-ms/comici.ttf");
}

和 HTML 代码

<h1 style="font-family: 'Comic Sans MS';">Comic sans</h1>

浏览器会使用您的文件覆盖默认字体文件。在任何设备上，浏览器都会下载comici.ttf并呈现相同的字体。

p/s：你可以从这里下载字体文件https://www.wfonts.com/font/comic-sans-ms

【讨论】：

【解决方案2】：

要显示字体，设备必须安装此字体。如果没有，它使用你给它的后备（这里是 Arial）。

如果您想包含特定字体，您可以使用 google 字体之类的网站，也可以使用 @Font-face（看这里：http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp）

但请注意，您需要使用和安装该字体的权利。

【讨论】：

感谢您的回复。但是默认字体需要@font-face 吗？我以为 Comic Sans 就是其中之一。
Comic Sans 并不是每个设备的默认字体。例如，Comic Sans 不是 Mac 上的默认字体。所以你不能指望它。顺便说一句，快速浏览后，“Comic Sans Neue”不需要任何署名即可在带有@font-face 的网站上使用。在这里查看：comicneue.com
谢谢，我会尽快试试这个。
不客气。如果这能解决您的问题，请不要忘记接受我的回答；）

【解决方案3】：

结帐字体松鼠。他们有一个应用程序，可让您将像 Comic sans 这样的字体更改为嵌入式字体。非常方便确保您的外观在所有设备上保持一致。

进入专家设置并选择base64encode。

它将创建一个 css 文件，其中包含您在 css 中包含的嵌入字体。

【讨论】：