问题标签 [font-face]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
8791 浏览

asp.net - @font-face 不在客户网站上工作?

这是 CSS 代码

它可能与mime类型有关吗?

我怎样才能确保我的道路是正确的?

0 投票
1 回答
2353 浏览

css - 在 Adob​​e Flex 中,为什么字体的嵌入版本与系统中安装的相同字体的行为不同

设想:

Flex 应用程序利用 @font-face 声明嵌入字体。(需要嵌入字体才能旋转文本。)

该应用程序最初是作为英文应用程序开发的,但在本地化过程中,需要找到能够显示亚洲字符的 unicode 字体。该应用程序的原始实现使用四种字体来满足字符强调的各种排列。Bold、Bold Italic、Italic 和 Normal 都是通过 Arial 系列中相应的 Arial 字体提供的。

问题:

当尝试将字体编译为可用于粗体、斜体和粗斜体的字体时(是的,它并不理想,这只是一个测试,看看是否可以完成):

问题是,在编译应用程序时,Flex 变得暴躁并给出以下错误消息:

[ERROR] /dirpath/Style.css:[49,-1] exception during transcoding: Font for alias 'myFont' with italic style was not found at: file:/dirpath/fonts/ArialUnicode.ttf

因此,通过一些调查确定,由于 Unicode 既不支持斜体也不支持粗体,因此当 Flex 编译器尝试嵌入字体时,它会变得不高兴,因为它无法在指定位置找到满足 css 要求的字体。

现在,当字体声明恢复为最简单的形式时:

一切编译正常,应用程序显示所有正常重量、正常样式的亚洲字符。但是,当在样式表中显示要以粗体或斜体显示的内容时,会出现一个框,表示没有嵌入字体,也没有任何系统字体可以在这些样式中呈现该字符。

现在这是变得奇怪的地方。

如果系统上安装了完全相同的 Unicode 字体,它将开始以粗体和斜体显示亚洲字符。这是没有意义的,因为当 Flex 尝试嵌入该字体以满足上述那些 css 样式时,字体中没有粗体和斜体字符。然而很明显,这种字体被用来显示粗体和斜体字符,就像在它作为系统字体安装之前它们只是框一样。这是某种 Flex 巫术吗?如果是这样,是否有某种方法可以以编程方式调用所述巫毒教,因为我不能依赖用户必须外出并在他们的系统上安装 unicode 字体。

编辑:这里有一些进一步的信息可以澄清这个问题。

我的问题实际上并不是我们如何为罗马字符设置多种字体和粗细,而是“Flex 如何将粗体和斜体应用于系统字体。当它说该字体在尝试嵌入时不支持这些字体时更是如此那个字体。”

使问题可重现的步骤如下:

  1. 仅将 MS Arial Unicode 嵌入到应用程序中并进行部署。
  2. 在新的 Windows 2003 机器上,打开 Firefox 并选择日语。
  3. 导航到应用程序 URL 并查看粗体和斜体应位于的框。
  4. 现在退出 Firefox。将 MS Arial Unicode 字体安装到 Windows 2003 系统中。
  5. 打开 Firefox 并重复。曾经是方框的区域现在是粗体/粗斜体/斜体日文字符。

这不是如何解决这个问题。有很多可行的解决方案。然而,我真正想知道的是 Flex 如何将粗体和斜体应用于它说不支持粗体或斜体的字体。

谢谢, C

0 投票
4 回答
5595 浏览

html - 即使页面中没有使用字体,浏览器也会下载字体吗?

如果我可以嵌入我可能使用的每种字体,那么开发会更容易,但我绝对不希望额外的 HTTP 请求不会出现在页面中的任何位置。任何人都可以启发我吗?

0 投票
1 回答
424 浏览

css - 我在@face-font 中需要哪些字体类型以及如何在所有浏览器(如 sIFR)中使字体更平滑?

我在@face-font 中需要哪些字体类型以及如何在所有浏览器(如 sIFR)中使字体更平滑?

IE 6、IE 7、IE 8、Firefox 3+、Google Chrome 和 Safari (MAC)

我需要哪种字体

替代文字 http://shup.com/Shup/325648/11032963642-My-Desktop.png

0 投票
2 回答
340 浏览

css - 我怎么知道它是否允许在@font-face 中使用任何字体?

我怎么知道它是否允许在@font-face 中使用任何字体?

即使我从客户端收到字体,公司 PC 中安装的字体,Adobe 软件和 MS Office 附带的字体?

0 投票
2 回答
2650 浏览

ruby-on-rails - 无法在 Rails 应用程序中使用 @font-face

是否有我应该存储字体的默认位置?在 Rails 中,我无法加载字体,而使用从 fontsquirrel.com 下载的“字体工具包”,同一文件夹中的字体、css 和示例 html 将起作用。

这是我的CSS

}

字体文件夹位于 /public

0 投票
2 回答
369 浏览

css - 对于哪个语言是中文的网站,我应该为自定义字体选择 @font-face 还是 sIFR?

对于哪个语言是中文的网站,我应该为自定义字体选择 @font-face 还是 sIFR?我应该选择哪个字符集?

任何版式、无许可证字体建议将不胜感激。

0 投票
18 回答
84594 浏览

html - 将文本绘制到使用@font-face 第一次不起作用

当我使用通过@font-face 加载的字体在画布中绘制文本时,文本无法正确显示。它根本不显示(在 Chrome 13 和 Firefox 5 中),或者字体错误(Opera 11)。这种类型的意外行为仅在使用该字体的第一张绘图中发生。之后一切正常。

这是标准行为还是什么?

谢谢你。

PS:以下是测试用例的源码

0 投票
2 回答
783 浏览

javascript - 你如何访问 DOM 中的@font-face(通过 Javascript)?

嗨,我正在寻找使用 Javascript 访问@font-face。我假设它在 DOM 中的某个地方,但在哪里?

我想为@font-face 特征检测执行此操作。

谢谢!

0 投票
1 回答
1971 浏览

css - 如何在 Internet Explorer 中进行@font-face 抗锯齿?

我在 Internet Explorer 中嵌入了一种字体,@font-face它可以工作,但没有抗锯齿。如何为 IE 中的嵌入字体启用抗锯齿渲染?