[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后，代码加载时会优先采用电脑资源，而不是从网络加载，这个可以加快加载速度，提升用户体验感。

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[css] 当使用@font-face的时候，为什么src中要加入local呢？相关推荐

php两个按钮左右怎么做,css布局两个button在同父标签中左右两侧分布的方法
本文主要介绍了css布局两个button在同父标签中左右两侧分布的方法,分享给大家,具体如下: 效果图布局代码提交重置 style="float:right;width:50%&quo ...
[css] 写例子说明如何强制（自动）中、英文换行与不换行
[css] 写例子说明如何强制(自动)中.英文换行与不换行 word-break:break-all;只对英文起作用,以字母作为换行依据word-wrap:break-word; 只对英文起作用,以单 ...
html / CSS 自定义字体font 自己设置好看的特效字体
这篇文章的主题是CSS3属性 : @font-face 楼主很喜欢CSS3的一些新增属性,给我们前端程序员带来了非常很多福利,我们的页面也可以做的更加的美观. 直接放效果图吧,因为代码较长,放在最下面 ...
【CSS】CSS 文本样式 ② ( font 字体设置 | CSS 2.0手册使用 | font-weight 字体粗细设置 | font-style 字体斜体设置 | font 字体样式综合写法 )
文章目录一. CSS 2.0手册使用 1. 按照文档层次查找 2. 搜索关键字查找文档二. font-weight 字体粗细设置 1. 语法简介 2. 代码示例三. font-style 字体斜 ...
今日份CSS学习：font的相关属性
一.font-style font-style属性是用来设置字体样式的. 其默认值为normal,还可以选择 italic 和 oblique 来使字体倾斜. <style type=" ...
[css] 如何使用Font Awesome
官网下载Font Awesome旧版或最新版:http://www.fontawesome.com.cn/faicons/ 将CSS内的font-awesome文件放到自己的css文件夹中: 将Fon ...
html字体相关的属性,CSS 字体属性font相关的用法
phpweb设置字体名称属性(font-family) 这个属性设置页面中选择用哪种字体,常用的字体有:Simsun.Arial.Verdana.Helvetica. sans-serif等,定义方法 ...
【前端】CSS基础——字体Font（学习笔记）
W3C标准: 结构:HTML描述页面的结构表现:CSS控制页面中元素的样式行为:JavaScript相应用户操作相关笔记: HTML基础 CSS基本语法 CSS基础-layout CSS基础-f ...
微信小程序css篇----字体(Font)
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到网站. 一.字体:font.属性在一个声明中设置所有字体属性. 可设置的属性是(按顺序): "fo ...

[css] 当使用@font-face的时候，为什么src中要加入local呢？

[css] 当使用@font-face的时候，为什么src中要加入local呢？

个人简介

主目录

[css] 当使用@font-face的时候，为什么src中要加入local呢？相关推荐

最新文章

热门文章