黑白字体一般可以在Mac和PC上使用,但不能在iOS上使用。
网页是否可以使用CSS或者一些技巧(比如在<body>元素中添加一个类"mobile"或"ios" ),以便为网页添加"Arial Black“,这样Mac和PC就不必加载它,而是使用本地Arial Black字体?
发布于 2021-02-12 13:45:35
假设某些系统已经或没有在本地加载特定字体,这可能是不安全的。而且浏览器/系统嗅探是非常不可靠的。
CSS font-face规则允许您给出字体可能所在的位置的列表,浏览器将沿着列表向下查找,直到找到可以使用的字体。所以你可以从本地开始查找,如果不在那里,就加载它。
请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face
如果提供了local()函数,指定要在用户计算机上查找的字体名称,并且用户代理找到匹配项,则使用该本地字体。否则,将下载并使用使用url()函数指定的字体资源。
它给出了这个例子:
@font-face {
font-family: MyHelvetica;
src: local("Helvetica Neue Bold"),
local("HelveticaNeue-Bold"),
url(MgOpenModernaBold.ttf);
font-weight: bold;
}显然,您需要替换您的特定字体在各种系统上的任何名称和urls。
https://stackoverflow.com/questions/66165546
复制相似问题