gpt4 book ai didi

css - 如何从 CSS 字体系列列表中知道浏览器使用的是哪种字体?

转载 作者:行者123 更新时间:2023-11-28 09:30:54 24 4
gpt4 key购买 nike

在网络开发中,首选字体列表放在 CSS 的 font-family 中,如下例所示。

font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

我想知道浏览器选择了哪种字体来显示内容。我知道我可以在浏览器开发工具中手动修改font-family中的字体,观察显示内容的变化来识别浏览器使用的字体。但是太笨拙了,需要非常敏锐的眼光T_T。

谁能知道更好的方法?非常感谢!

最佳答案

, Inspector > Fonts 选项卡显示当前检查元素的“使用的字体”。 Edit fonts MDN

, Elements > Computed 选项卡显示“渲染字体”对于当前检查的元素。 “即使它的名字不在字体系列列表中。” whats-that-font , Hackernoon

火狐:-

enter image description here enter image description here

Chrome :-

enter image description here

谢谢,@xuemind 建议编辑

关于css - 如何从 CSS 字体系列列表中知道浏览器使用的是哪种字体?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55197815/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com