我见过几个项目,他们只是提到他们想在CSS文件中使用的字体的名称,而没有提到源代码、TTF或其他字体文件。例如
code {
font-family: source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace
}
当我通过检查元素中的CSS删除这些字体时,我可以看到字体被更改了。所以密码有效。但我不明白浏览器是如何从哪里下载字体的。
这些代码甚至在隐藏的情况下也能工作,所以不能确定浏览器缓存字体是否是一个有效的解释。
发布于 2021-05-25 09:24:19
注意,字体系列列表中的最后一个设置是sans-serif。
如果本地系统绝对没有在本地加载其他字体,那么系统将使用它设置的默认无衬线字体。
这就是为什么当你这么说的时候,它看起来就像是“它起作用了”:
@Fabrizio喜欢树,我用css-tics.com/snippets/css/ system -字体-堆栈链接检查了系统字体。但是,上述字体系列并不匹配系统字体中的任何字体。所以默认的字体应该选对吗?
你是对的,它选择默认字体,但版本是无衬线。
发布于 2021-05-25 08:51:57
浏览器有几种方式决定下载/使用哪些字体:
如果没有提供源,则从浏览器中运行网页的计算机加载它们。
<link>
标记(放入HTML代码)或@import
标记(放入@import
文件)嵌入它们。
如果你找不到任何这些证据,你能分享一个链接到网页的源代码吗?
编辑
我看了一下网站中的代码。看起来显示/文本区域中的字体样式如下:
.displayArea{
font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;
}
而且,似乎没有这些字体的来源,所以它是我上面列出的第一类的一部分。基本上,引号中的字体是字体,如果已经在客户端的计算机中预装,则浏览器会从列表中向下,并不断检查客户端是否安装了字体。结束字体是sans-serif
,这是所有计算机都有的默认字体,因此它作为备份,以防所有其他字体不可用。
发布于 2021-05-25 09:03:50
正如您在上面的图片中所看到的,我创建了一个sample.html文件,并为body标记使用了字体系列。因此,提供的消息来源在字体-家庭部分中没有提到。结果,字体将从我的windows文件夹中的“字体”文件夹加载。(当然,如果您在本地使用Windows操作系统和网站,就会发生上述过程!)
https://stackoverflow.com/questions/67684367
复制相似问题