javascript - programmers.stackexchange.com 如何在其导航菜单中实现自定义字体?

标签 javascript fonts webfonts

Programmers SE在其顶部导航菜单上实现“Whiteboard”字体。

文本是可选的,适用于 IE7+、Firefox、Chrome 和 Opera。它似乎是基于 JS 的,因为在文本更改为自定义字体之前有轻微的延迟。

PS:我已将第一个正确答案标记为已接受答案。

最佳答案

白板字体使用CSS2的@Font-Face属性实现。您可以从 here 中阅读有关如何在您自己的网站上实现自定义字体的一般说明。

Programmers SE 实现了“Whiteboard”字体的实现

@font-face {
  font-family:'WhiteboardRegular';
  src: url('img/house-webfont.eot');
}

您可以通过进入 Programmers SE 的 all.css 来检查这一点

关于javascript - programmers.stackexchange.com 如何在其导航菜单中实现自定义字体?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9567066/

相关文章:

javascript - 如何在 Javascript 中添加美元金额

javascript - Jquery DataTable 脚本已加载但在浏览器 DOM 上不可用

javascript - redux 在哪里做计算?

ios - 在 iOS 5.x 的 UITextView 中增加表情符号字符的字体大小

google-chrome - 在浏览器中禁用系统中已安装的字体

javascript - 如果使用 javascript 输入为空,如何防止提交

html - 如何在我的网站上使用 League Gothic 字体?

css - chrome 中 textarea 的默认字体样式是什么? (文本输入 vs textarea "size"的文本)

internet-explorer-8 - 在 IE8 中嵌入 FontAwesome 字体时出现 CSS3111 错误

html - Amatic SC normal 700 - 问号字符出现渲染问题?