个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我有一个页面使用通过@font-face 加载的字体将字符串绘制到 Canvas 上。
为了等待字体加载，我使用了: https://stackoverflow.com/a/11688948/746269
在 Firefox 中运行良好，并在第一次打开页面时在 chrome/opera 中工作但是一旦我刷新页面，并尝试运行相同的代码它最终以默认的“字体未加载”字体绘制直到我第二次运行代码。
除非我打开一个新窗口或右键单击刷新并选择“清空缓存和硬重新加载”，它总是第一次失败。
我想也许在刷新之间存在一些变量，但是尽管所有值都正确，但当我单步执行时，它会绘制默认字体。
我不能只告诉客户端不要刷新页面而且我根本看不到解决方案。任何帮助将不胜感激:)
最佳答案
我通过将其添加到 html 中解决了这个问题发现 webkit 以不同于 firefox 和 IE 的方式加载字体，在 html 中第一次使用它们时加载它们。
<div style="font-family: MyFontName; visibility: hidden; height: 0px; width:0px;">a</div>
关于javascript - @fontface 页面刷新后无法正确加载，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19569620/
25
4
0
如果网站使用@fontface 来加载 2 种自定义字体，并且还使用 ariel 或 sans-serif 字体作为默认/备用字体，但是这两种字体的大小非常不同 - 如何解决出现的布局问题@fontf
我正在尝试使用 @fontface 语法在我的网页上使用额外的字体。问题是，虽然字体在 Dreamweaver 中显示正常，但当我在 Firefox 或 IE 中预览页面时，字体不会呈现。 这是我使用
我刚带了一个网络字体，第一次使用。我已经将它上传到我们的测试服务器，它可以在办公室的所有机器上运行，但一台笔记本电脑除外。 在发现笔记本电脑无法正常工作后，我在 crossbrowsertesting
我正在构建一个简单的着陆页 here .我通过@fontface 调用自定义字体 (Harbour)，但在 Chrome 上，标题首先默认为基本字体。需要刷新才能显示自定义字体。有人知道这里发生了什么
我用过 http://www.fontsquirrel.com/fontface/generator生成 GillSans 字体的各种版本(.svn、.eot...)。 我现在可以像这样使用它了: @
我正在尝试使用 Entyo 字体，但我无法使其正常工作。我将整个网站更改为字体，并且在加载页面时可以注意到明显的停顿，搜索但可能找不到字体？ 我的 CSS: @font-face { font-fam
我有一个页面使用通过@font-face 加载的字体将字符串绘制到 Canvas 上。 为了等待字体加载，我使用了: https://stackoverflow.com/a/11688948/7462
此代码位于 css 文件的顶部: @font-face { font-family: BNB; src: /* IE6–8 */ /* FF3.6+, IE9, Chrome6+, S
因此，我正在使用 Canvas API 开发一个简单的网络游戏。我需要使用指定的字体在 Canvas 中绘制字符。 在加载例程中，我使用 promises 来等待我需要的字体，如下所示: Promis
我可以检查平台是否支持如下 FontFace API 吗？ if(window.FontFace || window.webkitFontFace) { //... } 或者我不应该检查“w
我对此感到非常困惑，并且我已经通过之前的线程检查了所有合规性，但字体仍然无法在移动设备上正确显示。 它在桌面上完美运行。 h1 { font-family: futura; color: #f
我的网页菜单有字体。除了 Internet Explorer 之外，所有浏览器都可以正常加载。这是我在我的 CSS 中使用的内容: @font-face{ font-family: 'Myria
我不知道为什么我的字体不工作。它适用于我的网络开发人员，但是当我将它上传到我的网络服务器时，尽管代码和目录相同，但它没有显示我尝试使用 Firebug 来放大问题，但无济于事。 @font-face
我有一个名为 project 的目录，其中有目录 html、assets 和 javascript。 Assets 目录有目录fonts和css。css目录有一个名为typography的css文件.
我在谷歌浏览器中使用@fontface 时遇到一些问题。字体渲染得太高。 当我将字体更改为 Arial 时，该按钮在所有浏览器中都正常。当我将它更改为 @fontface 字体时，文本会跳起来。 下面
我一直在尝试使用自定义字体 但它没有显示在我的网站上。 /*TEXT*/ p.fontcheck { font-family: MTCORSVA bold; font-weight:
我想将我的自定义字体添加到博客主题中，并在主题中的任何地方使用它。以下是我在 css 中使用的代码块: @font-face{ font-family = 'UrduFont'; src: url('
我正在努力获取电子邮件签名以进行自定义外观。令我恼火的是，由于电子邮件客户端的呈现不一致，我不得不走这条路，但是有没有办法通过在标签本身内声明字体样式来使 @fontface 将字体应用于文本？以标准
@font-face { font-family: 'CodeLight'; src: url("font/CODE_Light.eot"); /* IE9 Compat Modes
我在使用某些 CSS 时遇到了问题。目前我正在使用@fontface，它工作得很好而且很漂亮。然而，在它没有实现的时候，我已经实现了其他要阅读的字体，但是我想对它们进行一些不同的样式设置。例如，如果显
我是一名优秀的程序员,十分优秀！