中国建设报社门户网站,wordpress短链接插件,wordpress 头条,传销教你做网站[css] 当使用font-face的时候#xff0c;为什么src中要加入local呢#xff1f;
网上的说法片面不一#xff0c;CSDN和掘金都没见到正确回复#xff0c;然后我在MDN找到了比较明确的说法。MDN的 font-face 这是一个CSS 规则 #xff0c;它允许网页开发者为其网页指定在…[css] 当使用font-face的时候为什么src中要加入local呢
网上的说法片面不一CSDN和掘金都没见到正确回复然后我在MDN找到了比较明确的说法。MDN的 font-face 这是一个CSS 规则 它允许网页开发者为其网页指定在线字体。 通过这种作者自备字体的方式font-face 可以消除对用户电脑字体的依赖。src
远程字体文件位置的URL或者用户计算机上的字体名称 可以使用local语法通过名称指定用户的本地计算机上的字体( i.e. src: local(Arial); )。 如果找不到该字体将会尝试其他来源直到找到它。代码font-face {
font-family: MyHelvetica;
src: local(Helvetica Neue Bold),
local(HelveticaNeue-Bold),
url(MgOpenModernaBold.ttf);
font-weight: bold;
}
用到了用户本地字体Helvetica Neue Bold的备份如果当前用户(浏览器)未安装该字体(两种可能的字体名都已经试过)就会用下载的字体MgOpenModernaBold.ttf来代替。意味着加入local后代码加载时会优先采用电脑资源而不是从网络加载这个可以加快加载速度提升用户体验感。
个人简介
我是歌谣欢迎和大家一起交流前后端知识。放弃很容易 但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题