【问题标题】:Browsers use different font-family names?浏览器使用不同的字体系列名称?
【发布时间】:2013-11-23 04:44:11
【问题描述】:

我在我的电脑上购买并安装了 adobe Univers LT Std 字体,但是当我尝试在网页上使用它时出现问题。字体有otf格式。我注意到浏览器对此字体使用不同的字体系列名称。 FireFox 25.0 似乎使用 OT 系列名称 (Univers LT Std) 作为字体系列值,而 Chrome 30 使用 PS 字体名称 (UniversLTStd)。所以我最终这样写了我的 CSS:

p { font-family: UniversLTStd, Univers LT Std; } 

有没有办法避免为一种字体编写多个家族名称以在不同的浏览器中工作?我用 FontLab Studio 检查了字体的属性:

基本字体名称集:

  • 姓氏:Univers LT Std 55
  • PS 字体名称:UniversLTStd
  • 全名:Univers LT Std 55 Roman
  • 菜单名称:Univers LT Std 55
  • 喜欢的名称:Univers LT Std 55

OpenType 特定名称:

  • OT 家族名称:Univers LT Std
  • OT 样式名称:55 罗马字
  • Mac 名称:Univers LT Std 55

但没有找到任何通用名称可用作字体系列。

UPD:假设用户也将在他的 PC 上安装该字体。字体名称从服务器接收,客户端使用接收名称的字体。

【问题讨论】:

    标签: fonts font-family opentype typekit


    【解决方案1】:

    请注意,大多数人不会将您购买并安装在计算机上的字体也安装在他们的计算机上。但是,如果您拥有在网站上使用该字体的许可,您可以使用Font Squirrel Webfont Generator Tool 生成一堆字体。这些适用于所有主流浏览器,您只需在 CSS 代码中编写一个名称。

    【讨论】:

    • 我已经检查了字体松鼠。它生成不同的字体文件并假设客户端从服务器下载字体。我有一个从服务器收到的字体名称,客户端使用带有收到名称的字体。客户端已经在他的电脑上安装了字体,应该不需要再下载了。
    • @phyzalis 我不完全确定这是否有帮助,但建议在带有空格的名称和字体名称containing numbers 周围添加引号。
    • 对引号的一些解释:mathiasbynens.be/notes/unquoted-font-family
    猜你喜欢
    • 2014-01-29
    • 2014-03-03
    • 1970-01-01
    • 1970-01-01
    • 2013-11-30
    • 2014-03-15
    • 1970-01-01
    • 2010-12-08
    • 2012-09-21
    相关资源
    最近更新 更多