程序设计 font-face

6

我正在设计一个网站（例如，mywebsite.com），并且此站点从另一个站点（例如anothersite.com）加载字体字体。我在Firefox中加载字体字体时遇到问题，我在此博客上阅读： Firefox（从v3.5开始支持@ font-face）默认情况下不允许跨域字体。这意味着必须从相同的域（和子域）提供字体，除非您可以在字体中添加“ Access-Control-Allow-Origin”标头。如何将Access-Control-Allow-Origin标头设置为字体？

99 header cors font-face

14

如何在Android中更改Webview的字体？

我想将webview的默认字体更改为自定义字体。我正在使用webview开发适用于Android的双语浏览器应用程序。我尝试通过将自定义字体放入素材资源来获取自定义字体的实例。但是仍然无法将webview的默认字体设置为我的字体。这是我尝试的： Typeface font = Typeface.createFromAsset(getAssets(), "myfont.ttf"); private WebView webview; WebSettings webSettings = webView.getSettings(); webSettings.setFixedFontFamily(font); 任何人都可以更正此错误或建议任何其他方法来将Webview的默认字体更改为自定义字体吗？谢谢！

97 android webview font-face custom-font

18

第一次使用@ font-face将文本绘制到<canvas>无效

当我在具有通过@ font-face加载的字体的画布中绘制文本时，该文本无法正确显示。它根本不显示（在Chrome 13和Firefox 5中），或者字体错误（Opera 11）。此类意外行为仅在带有字体的第一个图形上发生。之后，一切正常。这是标准行为还是什么？谢谢。 PS：以下是测试用例的源代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>@font-face and &lt;canvas&gt;</title> <style id="css"> @font-face { font-family: 'Press Start 2P'; src: url('fonts/PressStart2P.ttf'); } </style> <style> canvas, pre { border: 1px solid black; padding: 0 1em; } </style> </head> <body> <h1>@font-face and &lt;canvas&gt;</h1> <p> Description: click …

93 html canvas font-face

10

使用CSS将单个字体应用于整个网站

我想在整个网站上使用一种名为“阿尔及利亚”的字体。因此，我需要更改所有HTML标记，并且我不想为不同的标记编写不同的代码，例如： button{font-family:Algerian;} div{font-family:Algerian;} 强烈建议不要使用以下方法： div,button,span,strong{font-family:Algerian;}

91 html css fonts font-face

8

如何知道字体（@ font-face）是否已经加载？

我使用的是Font-Awesome，但未加载字体文件时，图标显示为。因此，我希望这些图标display:none在未加载文件时具有。 @font-face { font-family: "FontAwesome"; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } 我怎么知道这些文件已经加载，我终于可以显示图标了？编辑：我不是在说页面何时被加载（onload），因为字体可以在整个页面之前被加载。

80 javascript jquery css font-face font-awesome

2

@ font-face src：local-如果用户已经拥有本地字体，如何使用？

什么是正确的使用方式，@font-face以便浏览器不会在用户已经拥有字体的情况下下载它？我正在使用@ font-face定义DejaVu，它已经安装在我的系统（Linux）上。Firefox不会下载该字体，但是Chromium每次都会下载它！我的CSS代码基于字体松鼠，该问题如下所示： @font-face { font-family: 'DejaVu Serif'; src: url('DejaVuSerif-webfont.eot'); src: local('DejaVu Serif'), url('DejaVuSerif-webfont.woff') format('woff'), url('DejaVuSerif-webfont.ttf') format('truetype'), url('DejaVuSerif-webfont.svg#webfontCFu7RF0I') format('svg'); font-weight: normal; font-style: normal; } /* ... @font-face definitions for italic and bold omitted ... */ @font-face { font-family: 'DejaVu Serif'; src: url('DejaVuSerif-BoldItalic-webfont.eot'); src: local('DejaVu Serif Bold Italic'), url('DejaVuSerif-BoldItalic-webfont.woff') format('woff'), …

80 css font-face

3

在CSS中使用多个@ font-face规则

如何@font-face在CSS中使用多于规则的内容？我已将其插入样式表中： body { background: #fff url(../images/body-bg-corporate.gif) repeat-x; padding-bottom: 10px; font-family: 'GestaRegular', Arial, Helvetica, sans-serif; } @font-face { font-family: 'GestaReFogular'; src: url('gestareg-webfont.eot'); src: local('☺'), url('gestareg-webfont.woff') format('woff'), url('gestareg-webfont.ttf') format('truetype'), url('gestareg-webfont.svg#webfontg8dbVmxj') format('svg'); } 当前，这仅适用于网站上的整个文本。但是，我想指定h1使用其他字体。我怎样才能做到这一点？

78 html css fonts font-face webfonts

5

使用@ font-face使用多种自定义字体？

我确定我确实缺少一些直接的东西。正在使用具有常规字体的单个自定义字体： @font-face { font-family: CustomFont; src: url('CustomFont.ttf'); } 使用时一切正常，但是如果要添加其他自定义字体，该怎么办？我尝试用逗号分隔下一个字体或添加其他字体，但是无法使第二种字体起作用。

76 css fonts font-face

13

预加载@ font-face字体？

是否可以在页面加载之前预加载或以其他方式缓存@ font-face字体（最有可能使用javascript），以便在页面最终加载时不会出现难看的跳转？

76 javascript css fonts embedding font-face

11

等待字体加载，然后渲染网页

我正在使用@ font-face将字体嵌入到我的网站中。首先，文本呈现为系统默认值，然后（假定字体文件已加载）正确的字体将在几分之一秒后呈现。有没有一种方法可以通过延迟页面渲染直到加载字体或类似字体之后来最小化/消除此延迟。

69 css fonts font-face

7

Google警告：资源被解释为字体，但以MIME类型application / octet-stream传输

我在Google中警告我的字体：资源被解释为字体，但以MIME类型application / octet-stream传输：“ ... / Content / Fonts / iconFont.ttf”。即使我有此警告也可以，但是我更喜欢避免此警告。这里是我的报关表： @font-face { font-family: 'iconFont'; src: url('../Fonts/iconFont.eot?#iefix') format('embedded-opentype'), url('../Fonts/iconFont.svg#iconFont') format('image/svg+xml'), url('../Fonts/iconFont.woff') format('font/x-woff'), url('../Fonts/iconFont.ttf') format('truetype'); font-weight: normal; font-style: normal; } 我已经搜索了其他帖子，但到目前为止还没有运气。请注意，我的服务器是Microsoft的IIS。知道如何避免此警告吗？谢谢。

68 css font-face

Questions tagged «font-face»