一,web字体:
css3提供web字体,支持导入第三方字体文件。
实际开发中不会让用户下载整个字体文件包,而是在字库文件中截取某一段来减少用户容量。
(实际开发中美工会提供)
①阿里巴巴字体制作网站:iconfont-阿里巴巴矢量图标库。
在线制作文字→下载→下载后无文件后缀名→手动修改为.zip格式后解压→sublime里边复制粘贴。→把需要的文件粘贴到根目录下。→修改url中的路径。
※@font-face是css3提供的关键字,可以用来自定义字体。
font-family定义字体的名字。
src是引入的字体文件库。不同的浏览器支持不同的字体。
(一般情况下需要的字体,美工会提供给前端,只需要导入即可)。
②注意细节:我们只能够使用在线制作出来的那些文字,其他文字用不了。
但是在线制作的那些文字是可以修改顺序的。
二,web图标
iconfont-阿里巴巴矢量图标库。
css3基础02web字体及字体图标
最新推荐文章于 2022-08-10 11:01:40 发布