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

css - 为什么在使用 CSS @font-face 时我的后代会被切断?

我正在使用 Google webfonts API 在页面上嵌入 Droid Sans。一切都很好,除了下降器(即 y、g 等上的 dangly 位)。我的 Windows Vista 机器上的最新版本的 Firefox、IE 和 Chrome 都在减少。

上面的代码如下所示:

下降者被切断
(来源:thinkdrastic.net

我试过line-height,font-sizepadding无济于事。我取得了一些成功font-size-adjust,但我最后一次检查它只是 Gecko。有人知道解决这个问题吗?

0 投票
5 回答
14426 浏览

css - 网络中的非标准字体?

0 投票
2 回答
935 浏览

css - 有没有办法在渲染页面之前在 HTML5 页面中下载字体?

在使用@font-face HTML5/CSS3 加载页面时,您会慢慢看到字体出现。有没有办法先加载字体?

0 投票
1 回答
1110 浏览

css - 使用 FontSquirrel @Font-Face Generator:Firefox 中的字体相当模糊

Mac 火狐 (3.6.3)。字体在 Chrome、Safari、IE8 中看起来很清晰(不如其他 2,但不如 Firefox 模糊)。有什么解决办法吗?如何确定 Firefox 正在使用哪些源文件?我可以在 CSS 中强制它选择其他东西吗?

0 投票
2 回答
968 浏览

css - CSS:如何为每种字体设置不同的大小

我有一个使用“arial narrow”的网站。为了避免兼容性问题,我使用“Font Squirrel”字体生成器( http://www.fontsquirrel.com )制作了该字体的@font-face 版本,但是当我使用的系统没有原生“Arial Narrow”,然后通过@font-face在线加载,字体大于原生“Arial Narrow”;我在 px 中使用绝对大小作为字体。

有没有办法为本地和在线字体设置不同的大小?

及以下:

提前谢谢,对不起我的英语不好

0 投票
3 回答
9288 浏览

css - @font-face 在 Firefox 中不起作用(但完全相同的代码在另一个站点上起作用)

我有两个网站使用相同的 @font-face 代码。字体文件托管在各自的站点上,并且路径正确。

一个有效,一个无效。(当然它适用于我的个人网站而不是客户!)

我真的很感激对此有一些新的看法!

它在哪里工作:

网站:http ://example.com/

CSS 文件:http: //365.example.com/index.php?css=photos/ style.v.1275845154

相关代码:

它不起作用的地方:

网站:http ://www.example.org/

CSS 文件:http ://www.example.org/wp-content/themes/theme/style.css

相关代码:

任何帮助将不胜感激!

0 投票
2 回答
2690 浏览

text - @font-face 嵌入字体高度问题

使用@font-face 生成的文本的 CSS 对齐有一些问题。出于某种原因,每个字母的底部都有大量额外的空间可见,将文本的包含框向下拉伸得太远。

如果您检查此示例页面上的文本,您会明白我的意思。

谷歌搜索并检查了一堆其他页面,但这个让我难过。有人可以提供帮助吗?

谢谢!

0 投票
2 回答
1624 浏览

css - 即使不使用,浏览器是否会加载 @font-face 字体?

所以我有这个堆栈:

MyCustomFont.tff即使机器中存在 Helvetica(即:Mac 用户),浏览器是否也会加载?

0 投票
4 回答
12897 浏览

css - CSS字体链接

我在徘徊如何将css中的字体系列链接到您文件夹中的字体。像 PHP 一样,您可以在文件夹中使用您的字体。
示例代码:

有代码吗?或者我必须使用 PHP 来浏览我自己的字体?

0 投票
3 回答
39835 浏览

android - Android 上的 CSS 字体

我正在使用@font-face在网站上显示 League Gothic,但它没有显示在 Android 1.6 上。这是我的代码,由Font Squirrel 的 @font-face 生成器生成

如果不支持,这没什么大不了@font-face的(我读到@font-face支持在 Android 2 中完全消失了)。但是 League Gothic 非常简洁,所以我想为 Android 指定一种比默认的 sans-serif 更好的后备字体,这样设计就不会完全破坏。

这样的东西会很完美: http ://www.droidfonts.com/info/droid-sans-condensed-fonts/

但我找不到 Android 附带的默认字体的明确列表,以及我应该在 CSS 中引用它们的名称。

编辑 到目前为止的答案没有抓住重点(或者我的问题措辞很糟糕) - 我所追求的是Android附带的系统字体列表。像这样的Android。