首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在CSS文件中没有src引用的字体是如何下载的

在CSS文件中没有src引用的字体是如何下载的
EN

Stack Overflow用户
提问于 2021-05-25 08:28:42
回答 3查看 122关注 0票数 2

我见过几个项目,他们只是提到他们想在CSS文件中使用的字体的名称,而没有提到源代码、TTF或其他字体文件。例如

代码语言:javascript
运行
复制
code {
    font-family: source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace
}

当我通过检查元素中的CSS删除这些字体时,我可以看到字体被更改了。所以密码有效。但我不明白浏览器是如何从哪里下载字体的。

这些代码甚至在隐藏的情况下也能工作,所以不能确定浏览器缓存字体是否是一个有效的解释。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2021-05-25 09:24:19

注意,字体系列列表中的最后一个设置是sans-serif。

如果本地系统绝对没有在本地加载其他字体,那么系统将使用它设置的默认无衬线字体。

这就是为什么当你这么说的时候,它看起来就像是“它起作用了”:

@Fabrizio喜欢树,我用css-tics.com/snippets/css/ system -字体-堆栈链接检查了系统字体。但是,上述字体系列并不匹配系统字体中的任何字体。所以默认的字体应该选对吗?

你是对的,它选择默认字体,但版本是无衬线。

票数 0
EN

Stack Overflow用户

发布于 2021-05-25 08:51:57

浏览器有几种方式决定下载/使用哪些字体:

  1. 正如用户Fabrizio Calderan所称的:

如果没有提供源,则从浏览器中运行网页的计算机加载它们。

  1. 程序员使用嵌入字体的外部API或链接。这方面的一个例子是谷歌字体,它允许程序员选择他们想要的字体(并选择它们),并使用<link>标记(放入HTML代码)或@import标记(放入@import文件)嵌入它们。

  1. 您正在查看的网站可能在其CSS中包含@font-face语句,该语句将公共名称(即“源代码专业”)链接到字体文件。您可以阅读更多关于@font-face这里这里的信息。

如果你找不到任何这些证据,你能分享一个链接到网页的源代码吗?

编辑

我看了一下网站中的代码。看起来显示/文本区域中的字体样式如下:

代码语言:javascript
运行
复制
.displayArea{
    font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;
}

而且,似乎没有这些字体的来源,所以它是我上面列出的第一类的一部分。基本上,引号中的字体是字体,如果已经在客户端的计算机中预装,则浏览器会从列表中向下,并不断检查客户端是否安装了字体。结束字体是sans-serif,这是所有计算机都有的默认字体,因此它作为备份,以防所有其他字体不可用。

票数 0
EN

Stack Overflow用户

发布于 2021-05-25 09:03:50

正如您在上面的图片中所看到的,我创建了一个sample.html文件,并为body标记使用了字体系列。因此,提供的消息来源在字体-家庭部分中没有提到。结果,字体将从我的windows文件夹中的“字体”文件夹加载。(当然,如果您在本地使用Windows操作系统和网站,就会发生上述过程!)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67684367

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档