术语“css 字体堆栈”是什么意思?该术语的含义是否发生了变化?
我使用 Dreamweaver 多年,它提供了一些将字体系列放入 CSS 中的建议。
它不是字体堆栈吗?术语“CSS Font Stack”中的新内容
我所知道的是,一个定义了多个如果系统中没有任何字体可用,字体系列可保持排版一致。
I'm using Dreamweaver for many years which gives some suggestions to put font-families in CSS.
Is it not a font-stack? What is new in the term "CSS Font Stack"
What I know is, that one defines multiple font families to keep the typography consistent if any font is not available in system.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
你是对的——你定义了多种字体,浏览器只会选择你系统上列表中的第一个字体。
You are correct - You define multiple fonts and the browser will simply choose the first one in the list that you have on your system.
字体堆栈允许您定义多种字体,从本质上为用户提供更好的体验。
使用 CSS
font-family
属性,您可以定义多种字体,如下所示:font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
这从从左到右,如果用户没有
Arial
,那么font-family
将回退到Liberation
一直到最基本的sans-serif
(如果未找到上述字体,请选择任何 sans-serif 字体)。A font stack allows you to define multiple fonts to essentially provide a better experience for users.
Using the CSS
font-family
property, you can define multiple fonts, like so:font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
This reads from left to right, if the user does not have
Arial
thenfont-family
will fallback onLiberation
all the way down to the most basicsans-serif
(select any sans-serif font if the aforementioned fonts are not found).字体堆栈,只是一个(字体系列)字体列表,如果第一个字体对浏览器不可用,则使用第二个字体等等。
您的图片显示了 6 个字体堆栈,您可以从中选择
font stack, is just a list of fonts (of font families), if the first is not available to the browser, then the second is used etc..
your picture shows 6 font stacks, you could choose from
没有什么新鲜事,多年来这一直是设置字体的标准方法。
there's nothing new, this has been the standard way to set fonts for some years now.
你的想法是正确的。下拉菜单有“网络安全”字体堆栈可供选择。如果您使用其中任何一个,您的文本应该在所有设备和所有浏览器上呈现相当一致的效果。
现在的趋势是使用 Google Fonts 或其他一些导入或加载的字体,从而控制渲染的内容。即使如此,建议在字体堆栈中包含一种或多种替代标准字体,以防您的访问者无法加载 Google 字体或您提供的其他选择。
You are correct in your thinking. The pulldown menu has 'Web Safe' font stacks to choose from. If you use any of them your text should render fairly consistently on all devices and on all browsers.
The trend now is to use Google Fonts or some other imported or loaded fonts and thereby control what is rendered. Even then it is recommended to also include one or more alternative standard fonts in a font stack in case your visitors cannot load Google Fonts or the other choices you provide.