首页 前端知识 CSS3 自定义字体的常识与使用

CSS3 自定义字体的常识与使用

2024-06-03 12:06:24 前端知识 前端哥 515 601 我要收藏

2、OpenType(.otf)格式

.otf字体被认为是一种原始的字体格式,其内置在TureType的基础上,支持这种字体的浏览器有Firefox3.5 、Chrome4.0 、Safari3.1 、Opera10.0 、iOS Mobile、Safari4.2 ;

3、Web Open Font Format(.woff)格式

woff字体是Web字体中最佳格式,他是一个开放的TrueType/OpenType的压缩版本,同时也支持元数据包的分离,支持这种字体的浏览器有IE9 、Firefox3.5 、Chrome6 、Safari3.6 、Opera11.1 ;

4、Embedded Open Type(.eot)格式

.eot字体是IE专用字体,可以从TrueType创建此格式字体,支持这种字体的浏览器有IE4 ;

5、SVG(.svg)格式

.svg字体是基于SVG字体渲染的一种格式,支持这种字体的浏览器有Chrome4 、Safari3.1 、Opera10.0 、iOS Mobile Safari3.2 ;

了解了上面的知识后,我们就需要为不同的浏览器准备不同格式的字体,通常我们会通过字体生成工具帮我们生成各种格式的字体,因此无需过于在意字体格式间的区别差异。

下载字体的网站.

推荐http://www.zhaozi.cn/、http://www.youziku.com/ 查找更多中文字体


  • web 字体使用:

生成字体:https://www.iconfont.cn/webfont#!/webfont/index

转载请注明出处或者链接地址:https://www.qianduange.cn//article/10612.html
标签
评论
发布的文章

vue学习计划

2024-06-08 18:06:08

fastjson1.2.24-RCE漏洞复现

2024-06-08 09:06:33

JsonPath用法详解

2024-06-08 09:06:55

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!