问题标签 [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 回答
253395 浏览

fonts - 如何为同一种字体添加多个字体文件?

我正在查看@font-face CSS 规则的 MDC 页面,但我一无所获。我有粗体斜体粗体+斜体的单独文件。如何将所有三个文件嵌入到一个@font-face规则中?例如,如果我有:

浏览器不知道粗体要使用哪种字体(因为该文件是 DejaVuSansBold.ttf),所以它会默认为我可能不想要的字体。如何告诉浏览器我对某种字体的所有不同变体?

0 投票
5 回答
1585 浏览

jquery - jQuery检查浏览器css版本

我想将@font-face 用于新浏览器并对其他人使用图像替换...我如何检查@font-face 是否存在于用户浏览器中?

0 投票
4 回答
1521 浏览

css - @font-face 问题

现在我正在拼命地尝试@font-face在我的网站上工作。这是我现在正在使用的代码。

接着....

我使用的是 Romeral 字体。这是它的链接:http ://www.smashingmagazine.com/2007/02/06/freefont-of-the-week-romeral/

出于某种原因,它只是行不通。它不会在页面上呈现字体。我尝试过使用其他字体,如 Ripe,它们可以工作。我已经确定我没有任何拼写错误。我想知道是否存在某些字体用于阻止人们将其字体与@font-face 一起使用的限制。或者也许我在我的代码中犯了一个明显的错误。

提前致谢。

0 投票
3 回答
63784 浏览

embed - 我是否可以通过合法的方式将 Calibri 字体嵌入到非 Windows Vista/7 访问者的网站中?

我想在我的网站上使用 Calibri。

即使访问者没有安装字体(即非 Windows Vista/7 访问者),我也想为我的网站使用 Calibri 字体。

Microsoft 是否允许将 Calibri 字体嵌入网站?

如果是这样,他们允许什么技术?EOT?

谢谢。

0 投票
2 回答
2500 浏览

firefox - 为什么 Firefox 中的网络字体不能在不同的域上工作?

我在 Firefox 3.5 中尝试了新的 OpenType 字体功能,但遇到了一个问题。我试图将字体嵌入到与将要使用的页面不同的域中,但它不起作用。我认为这可能是一个错误,但从我在 MDC 参考页面上阅读的内容中,我注意到了这个注释:

在 Gecko 中,Web 字体受到相同的域限制(字体文件必须与使用它们的页面位于同一域中),除非使用 HTTP 访问控制来放宽此限制。

看起来他们是故意这样设计浏览器的。出于好奇,他们为什么要这样做?嵌入字体是否存在安全风险?或者是为了合法商标或版权问题?或者是其他东西?

0 投票
3 回答
17633 浏览

css - @font-face Safari 中字体粗细的问题

我刚开始使用@font-face 这是在我的css之上

我在下面有这个关于 joomla 的菜单

这是在 html 文件上

这在 Firefox 中有效,但在 Safari 或 Chrome 上无法正常工作,字体正确但字体粗细不起作用,我检查了 google-chrome 开发人员工具,计算出的字体粗细为 600。我尝试使用 100或 900 safari 和 chrome 上的结果是一样的,字体粗细不会改变。

我的 css 文件顶部的字体声明有问题吗?

我应该尝试添加这样的东西吗

我试过但没有用。我是否应该添加另一种字体,这是我的字体目录中的字体

或者我应该尝试另一种字体格式,不是 otf,在 IE 中似乎可以工作,尽管宽度更大。我仍然需要解决这个问题。

0 投票
4 回答
1678 浏览

css - 使用@font-face 有什么缺点吗?

我发现@font-face 是 sIFR3 的不错替代品,但每个浏览器都需要不同的字体扩展名。所以实施不仅仅是sIFR3。

但非常好的是不需要 FLASH 和 Javascript。

与 sIFR3 相比,使用 @font-face 有什么缺点吗?我需要所有 A 级浏览器的兼容性。

如果任何字体可以在网上免费下载,或者字体是由客户购买和提供的,或者字体是由我公司购买的。在所有情况下我都可以使用这些字体吗?

0 投票
2 回答
127 浏览

css - 是否有一些良好且无张力的自定义字体可用于 sIFR、@font-face 等?

是否有任何免费字体可用于 sIFR @font-face 等?

如果我使用这些,那么没有人会对我提起诉讼,没有人会向我发送任何法律通知。?

您是否可以在我的项目中、在客户项目中个人、商业上使用无张力、无许可的字体?

没有人应该向我可爱的客户发送任何关于字体的通知吗?

0 投票
2 回答
2388 浏览

silverlight - Segoe 的 Silverlight 开源字体替换

我目前正在 Silverlight 4 中构建 LOB 应用程序。我一直在考虑应用程序的排版问题。

在设计方面进行了一些实验后,人们喜欢的字体是 Segoe UI。现在我可以嵌入这个字体了,虽然这个字体在 Windows 中是免费的,但我们没有这个字体的发行权。

我正在寻找一种在视觉上与 Segoe 系列相当的开源字体,可以自由分发。

这样的字体存在吗?

0 投票
3 回答
8846 浏览

fonts - webkit 中的@font-face 和 letter-spacing

我刚刚发现嵌入字体时,字母间距在 webkit(也许还有其他浏览器?)中并不总是有效。我已经在两种不同的字体上进行了尝试,并收到了不同的结果。

“联赛哥特式常规”将起作用

http://www.theleagueofmoveabletype.com/fonts/7-league-gothic

“流沙之光”不会

http://www.fontsquirrel.com/fonts/Quicksand

什么叫瘦?有没有办法强制不合规字体的手?

快速说明:Firefox 似乎确实适用于这两种字体。