漫画sans字体没有在手机上显示

Question

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

我已经尝试了每个清晰的历史/缓存等。

这是我的样式字体：body {font-family：“comic sans ms”，“comic sans”，“Comic Sans”，arial，helvetica，tahoma，verdana; font-size：18px;颜色：＃000000; }

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

我没有iPhone，但我认为它对这些有用。

我接下来可以尝试什么？

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

Answer 1

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

如果你想要包含一个特定的字体，你可以使用谷歌字体等网站，或者你可以使用@ Font-face（看这里：http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp）

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

Answer 2

结帐字体松鼠。他们有一个应用程序，允许您将漫画sans字体更改为嵌入字体。非常方便确保您的外观在所有设备上保持一致。

转到专家设置并选择base64encode。

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

Answer 3

我刚刚找到了这个简单的解决方案，你只需要使用font face覆盖字体文件，如下所示：

@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的字体文件