Tag: font face

jQuery取代“小型大写字母” – 内容是在标签之间复制HTML

我发现这个热点的jQuery实际上允许你复制“font-variant：small caps”。 通常不是问题，但我正在使用@ font-face而且我知道它与Chrome，Safari，IE中的font-variant-small-caps不能很好地兼容。 简而言之，代码正在运行SWEET，但它有一个缺点 – 由于某种原因，它正在搜索第一个被括起来的文本字符串，然后该文本字符串将在以后重复 示例…代码说： I’m the FIRST heading I’m SECOND 由脚本改变产生这个： I’m the FIRST heading I’m the FIRST heading 这是在jQuery中发挥作用的代码： jQuery(document).ready(function($) { var text = $(‘h3.small-caps’).html(); $(‘h3.small-caps’).html(text.replace(/\b([A-Za-z0-9])/g,’$1′)); $(‘.caps’).css(‘font-size’,50); });

在加载@ font-face-font之前，如何等待第一次canvas重绘？

我有一个HTML5-canvas并用context.fillText(…);写文本context.fillText(…); 使用@ font-face-font。 使用Firefox显示页面（3.6）我遇到问题，在canvas的第一个画面上，字体尚未下载，因此文本将以标准字体显示。 我在这里找到了一个“解决方案” ，但它不起作用，因为字体仅在canvas中使用，并且使用jQuery加载并使用ajax显示canvas。 有没有比尝试使用超时setTimeout(repaintCanvas, 500);更好的解决方案setTimeout(repaintCanvas, 500); ？

页面加载后动态加载谷歌字体

我希望能够让用户选择他们希望页面显示的字体。 以下是Google建议您使用JavaScript执行此操作的方式。 WebFontConfig = { google: { families: [‘Tangerine’, ‘Cantarell’] } }; (function() { var wf = document.createElement(‘script’); wf.src = (‘https:’ == document.location.protocol ? ‘https’ : ‘http’) + ‘://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js’; wf.type = ‘text/javascript’; wf.async = ‘true’; var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(wf, s); })(); 如何修改这个以便我可以在页面加载后重新获取字体？