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

fonts - 想要嵌入字体但无法从 Font Suitcase 或 PostScript Type 1 文件转换

我正在使用 FontSquirrel 字体生成器尝试生成嵌入的字体文件,以便我可以使用 css 中的@font-face嵌入网站。

但是,我(在 Mac 上)拥有的字体文件如下,并且是灰色的,无法选择它们在 FontSquirrel 或其他转换器上进行转换(即它们似乎不是我可以使用的原始文件类型嵌入):

  • PostScript Type 1 Outline 字体
  • 字体手提箱

我可以以某种方式将这些转换为.otf.ttf吗?或者有人知道另一种嵌入方法吗?

谢谢!

0 投票
1 回答
1440 浏览

css - 是否可以使用 CSS3 和 @font-face 实现类似于 Cufon 的文本渐变?

使用@font-face 和 CSS3,我想模拟可以使用 Cufon 在文本上实现的线性渐变

颜色:'-线性渐变(#7f7f7f,#616161)',

我有 webkit 规则

-webkit-梯度(线性,0% 0%,0% 100%,从(#7F7F7F),到(#616161));

但似乎无法使用 color: 选择器或任何其他变体将其应用于文本。有没有办法做到这一点?

0 投票
2 回答
656428 浏览

html - 在 Web 浏览器上使用 .otf 字体

我正在做一个需要在线字体试用的网站,我拥有的字体都是.otf

有没有办法嵌入字体并让它们在所有浏览器上工作?

如果没有,我还有什么其他选择?

0 投票
5 回答
1475 浏览

html - 调试 Google Web 字体

我想我正在使用与 b4 类似的代码,但似乎字体没有加载

0 投票
1 回答
54 浏览

fonts - 如何在系统中安装自定义字体?并复制到写字板?

我设计了一个特殊的角色。我想要的是我需要安装到 Windows 系统。首先,我想将该字符分配给键盘。然后当我将此字体从文字处理器复制到文字板时,它应该是可见的。

我修改了现有字体的字形并将“^”字符替换为我的新设计。

现在我已将此字符分配给“Shift+6^”按钮。它在 Microsoft Word 和 Excel 中工作。但是当我将它复制到一个字垫时,它不会显示新字符,而是显示“^”。

有没有办法在任何地方展示我的新角色?

0 投票
3 回答
4361 浏览

html - line-height 垂直对齐 font-face

我有以下标记:

现在,.blockSection 的 h5 有一个固定的高度和一个 40 像素的背景图像。为了垂直对齐文本,我总是将行高设置为与高度相同,因为文本不会分成 2 行或更多行。但问题是我使用的是带有 font-face 的字体,我不想在 Firefox、Mac 上的 Safari 中垂直对齐。在 windows IE 中看起来不错。

任何人都知道在不为浏览器应用不同 line-height 的情况下使其正确的技巧吗?

0 投票
5 回答
23804 浏览

tinymce - 在 TinyMCE 中更改默认字体类型/大小

如何更改 TinyMCE 中的默认字体类型和字体大小?

我正在使用高级皮肤,我已经更改了body, td, predefault/content.css 中的样式,但它仍然没有改变。

0 投票
2 回答
806 浏览

android - 可以在 android 样式 xml 中指定 fontType 吗?

我正在关注 Jeff Sharkey 在我的布局中使用样式的示例项目“Sky”。它工作得很好,但是,我无法确定如何使用样式指定字体字体。如果没有这个,我将不得不将字体显式应用到每个 TextView、EditView 等,而我想控制它在整个应用程序中应用的位置和时间。

0 投票
1 回答
175 浏览

css - 如果我将 sIFR 切换到 @font-face,我会感觉到页面加载的任何性能改进吗?

如果我将 sIFR 切换到 @font-face,我会感觉到页面加载的任何性能改进吗?

我根据客户要求使用 sIFR 创建了一个网站,因为客户想在主页标题和副标题等中使用他的徽标字体。

现在客户觉得网站加载速度很慢,因为主页本身有 20 个 sIFR 文本实例。

现在,如果我建议客户将 sIFR 更改为 @font-face 那么它会在页面速度方面产生显着差异吗?

客户有自己的自定义字体,谷歌字体库中没有,他还需要与 IE 6 到 8 兼容。

0 投票
1 回答
492 浏览

javascript - Google Web Font Loader 仅在 firefox 上加载单一字体

在这里调试 2 个单独的错误,但首先要做的是。我已经指定使用 google 字体加载器 SilkScreen 和 SilkScreenBold 从我的服务器加载 2 种字体,在 firefox SilkScreenBold 上每次都会为我加载但 SilkScreen 不是。

http://junk.arandomurl.com/helicopter/test.html

或者,如果有人可以给我一种不同的确保字体已加载的可靠方法,那么我全神贯注