问题标签 [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 投票
2 回答
2466 浏览

javascript - 如何等待第一次 canvas-repaint 直到加载 @font-face-font?

我有一个 HTML5 画布并context.fillText(...);使用 @font-face-font 编写文本。
使用 Firefox (3.6) 显示页面 我有一个问题,即在画布的第一次绘制中,尚未下载字体,因此文本将以标准字体显示。我在这里
找到了一个“解决方案” ,但它不起作用,因为该字体仅在画布中使用,并且使用 jQuery 使用 ajax 加载和显示画布。 有没有比尝试使用超时更好的解决方案?
setTimeout(repaintCanvas, 500);

0 投票
2 回答
2539 浏览

firefox - @font-face 问题,Firefox 增加了 padding,Chrome 没有

当通过 使用自定义字体时@font-face,它的呈现方式与我认为在 Chrome 中应该呈现的一样。然而,在 Firefox 中,额外的填充(顶部和底部)被添加到字体中。

这是我概述问题的示例页面

我能做些什么吗?

0 投票
1 回答
519 浏览

font-face - 是否有任何开源网络字体服务器?

我正在寻找类似于Google Web FontsFontdeckTypekit服务的东西。

0 投票
1 回答
2633 浏览

css - 为什么@font-face 在 safari 上工作而不是在 firefox 上工作?(Mac 版本)

我在网站的 CSS 文件中使用了以下内容。它适用于 Safari,但不适用于 Firefox。我是一个新手,如果这似乎是一个简单的问题,我很抱歉。现在已经尝试了3个小时。

@font-face { 字体家族:手写;src:网址(http://example.com/handwriting.ttf);}

先感谢您。

0 投票
5 回答
69729 浏览

css - CSS:@font-face 抗锯齿

我对@font-face CSS 选项有些苦恼。经过大量阅读、尝试、重试后,我终于找到了一个网站,当你上传字体时,它可以让你成为一个现成的包。它现在正在运行,但似乎字体没有消除锯齿。虽然我在其他网站上看到了这种情况,但我并没有按照我想要的方式呈现标题。

我的 CSS 代码:

要让这个最后但令人讨厌的问题消失,还需要做些什么?

0 投票
3 回答
608 浏览

javascript - 隐藏文本作为字体后备?

我正在尝试编写一个干净的 html5 网站。我使用html5 样板作为网站的基础。它带有modernizr。对于页面标题,我使用 text-shadow 和 font-face 并通过 modernizr 设置了一个小的 css 后备(当其中一个功能不可用时,将显示 png 图像作为背景)。

所以代码是

但是,正如您可能已经猜到的那样,当我将备用 png 图像设置为背景时,“Title here”文本仍然存在。你知道有什么方法可以把那个文本拿出来吗?我希望它尽可能干净。这就是为什么我没有使用任何文本缩进或 javascript 来擦除 innerHTML。

0 投票
1 回答
145 浏览

css - 特定浏览器如何阻止下载的字体对其他应用程序可用

由于这是Web 字体规范的规定要求,有人可以向我解释各个浏览器如何处理这个问题吗?我了解 IE 仅在需要字体期间临时安装字体,但找不到关于如何处理 Firefox、Safari、Chrome、Opera 等的信息。
谢谢,

0 投票
1 回答
1083 浏览

blackberry - 如何在 BlackBerry 中为 LabelField 使用不同的字体,如 Arial、TimesNewRoman

嗨朋友们我正在使用 LabelFields 在屏幕上显示文本消息我想要每个 LabelField 使用不同的字体但是当我使用黑莓的 api 字体时

FontFamily fontFamily[] = FontFamily.getFontFamily(); 字体 font2 = fontFamily[0].getFont(FontFamily.SFF4_FONT,18);

正在显示粗体样式如何使用不同的字体样式请帮助我

0 投票
2 回答
903 浏览

cross-browser - @font-face 问题

我在我正在处理的网站上加载自定义字体时遇到了一些问题。

似乎在 Chrome 中工作,但就是这样......

https://andstones.site-ym.com/

我附上了一个自定义样式表,

在我写的样式表中:

然后我称之为字体系列..

但它仍然没有出现在 Firefox 或 IE 中……您可以提供任何帮助或建议吗?

0 投票
3 回答
1053 浏览

css - @font-face 合法性问题

我刚刚听说了@font-face CSS 属性,我想知道是否存在任何合法性问题。

听说只能嵌入某些字体?完全自定义的字体怎么样,比如超级马里奥兄弟字体?嵌入合法吗?

就是想..