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 |
发生的情况是浏览器将使用您的文件覆盖默认字体文件。在任何设备中,浏览器都将下载
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中。