关于android:comic sans字体未在手机上显示

comic sans font not showing on mobile

我最近在www.pipanni.com上建立了一个使用" Comic Sans"字体的漫画网站。 到目前为止,一切都还可以,除了字体未显示在我的Samsung Galaxy手机上。 它显示的外观类似于Arial。

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

这是我的样式字体:
身体
{
字体家族:" comic sans ms"," comic sans"," Comic Sans",arial,helvetica,tahoma,verdana;
font-size:18px;
颜色:#000000;
}

主页的标题在我的笔记本电脑(以及我测试过该网站的所有其他计算机)上都可以正常运行,但在我的智能手机上无法正常运行。

我没有iPhone,但我认为在这些手机上都可以。

接下来我可以尝试什么?

附注:这是一个漫画网站,应该使用" Comic Sans"! :)


我刚刚找到了一个简单的解决方案,您只需要使用如下字体来覆盖字体文件:

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

和HTML代码

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

发生的情况是浏览器将使用您的文件覆盖默认字体文件。在任何设备中,浏览器都将下载comici.ttf并呈现相同的字体。

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


要显示字体,设备必须安装此字体。如果没有,它将使用您提供的后备广告(此处为Arial)。

如果要包含特定字体,则可以使用Google字体之类的网站,也可以使用@ Font-face(请参阅此处:http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp)

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


签出字体松鼠。他们有一个应用程序,可让您将Comic sans等字体更改为嵌入式字体。确保所有设备上的外观保持一致非常方便。

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

转到专家设置,然后选择base64encode。

它将创建一个具有嵌入字体的css文件,该字体包含在css中。