Question

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

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

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

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

我没有iPhone，但我认为它可以正常使用。

我接下来可以尝试什么？

P.S：这是一个漫画网站，它应该使用＆＃34; Comic Sans＆＃34;！：）

Answer 1

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

如果您想要包含特定字体，您可以使用谷歌字体等网站，也可以使用@ Font-face（查看此处：http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp）

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

Answer 2

签出font-squirrel。他们有一个应用程序，允许您将漫画sans字体更改为嵌入字体。非常方便确保所有设备的外观一致。

https://www.fontsquirrel.com/tools/webfont-generator

转到专家设置并选择base64encode。

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

Answer 3

我刚刚找到了简单的解决方案，您只需要像这样使用字体替换字体文件即可：

@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

下载

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

3 个答案: