BrushScriptStd字体在IE下无法正常显示问题

最新推荐文章于 2023-01-22 14:28:02 发布

原创最新推荐文章于 2023-01-22 14:28:02 发布 · 781 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #html #前端

html 同时被 2 个专栏收录

8 篇文章

订阅专栏

css

7 篇文章

订阅专栏

本文介绍了如何将BrushScriptStd字体文件转换为多种格式，并在网页中使用这些字体的方法。通过在线工具可以轻松地将.otf格式转换为适用于不同浏览器的格式。文中详细列举了在CSS中加载这些字体的具体代码。

部署运行你感兴趣的模型镜像

下过来的BrushScriptStd字体只有.otf后缀的字体文件
去http://www.freefontconverter.com/这个网站中转换字体，就会有多种格式的字体文件了
最后在css中添加

@font-face {
font-family: BrushScriptStd;
src: url('../font/brushscriptStd.eot'); /* IE9 Compat Modes */
src: url('../font/brushscriptStd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../font/brushscriptStd.woff') format('woff'), /* Modern Browsers */
     url('../font/brushscriptStd.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../font/brushscriptStd.svg#/brushscriptStd') format('svg'); /* Legacy iOS */
}