首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当网页是移动电话时,是否可以加载字体?(iOS的黑白)

当网页是移动电话时,是否可以加载字体?(iOS的黑白)
EN

Stack Overflow用户
提问于 2021-02-12 10:12:42
回答 1查看 137关注 0票数 0

黑白字体一般可以在Mac和PC上使用,但不能在iOS上使用。

网页是否可以使用CSS或者一些技巧(比如在<body>元素中添加一个类"mobile""ios" ),以便为网页添加"Arial Black“,这样Mac和PC就不必加载它,而是使用本地Arial Black字体?

EN

回答 1

Stack Overflow用户

发布于 2021-02-12 13:45:35

假设某些系统已经或没有在本地加载特定字体,这可能是不安全的。而且浏览器/系统嗅探是非常不可靠的。

CSS font-face规则允许您给出字体可能所在的位置的列表,浏览器将沿着列表向下查找,直到找到可以使用的字体。所以你可以从本地开始查找,如果不在那里,就加载它。

请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

如果提供了local()函数,指定要在用户计算机上查找的字体名称,并且用户代理找到匹配项,则使用该本地字体。否则,将下载并使用使用url()函数指定的字体资源。

它给出了这个例子:

代码语言:javascript
运行
复制
@font-face {
  font-family: MyHelvetica;
  src: local("Helvetica Neue Bold"),
       local("HelveticaNeue-Bold"),
       url(MgOpenModernaBold.ttf);
  font-weight: bold;
}

显然,您需要替换您的特定字体在各种系统上的任何名称和urls。

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

https://stackoverflow.com/questions/66165546

复制
相关文章

相似问题

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