css引入字体样式
知有
295
@font-face标签
@font-face允许您在网页中使用电脑中没有安装的字体,完全摆脱安全字体的限制。只需将字体包安装在服务器上,当用户加载网页时,字体包会自动下载到用户机器上,保证字体能够正确渲染。
CSS引入外部字体的步骤:
1.在CSS中引入字体并给外部字体自定义一个名称
@font-face{
font-family:用户自定义的字体名称;
src:url('加载外部字体文件的文件地址'),
url('加载外部字体文件的文件地址'),
}
//font-family定义字体的名字,接下来的src是加载字体文件的位置,之所有有多个url就是因为浏览器兼容问题。
2.使用刚刚定义的字体,直接使用font-family:用户自定义的字体名称,就能够使用了;
CSS引入外部字体的好处:
1.使用的是真正的文本,而不是图片,放大和缩小都不会影响渲染效果,用户体验好;
2.可以被搜索引擎辨认;