1

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

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

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

4

3 回答 3

2

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

程序员 SE 实现的“白板”字体是由

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

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

于 2012-03-05T13:27:55.987 回答
1

他们似乎只是在使用@font-face。据我所知，没有涉及 JS。在不支持 @font-face 的浏览器中，sans-serif将显示字体。

于 2012-03-05T13:27:11.693 回答
0

在 css 和http://www.google.com/webfonts中使用 font-family 在您的页面上加载字体。

例如将此添加到 html

<link href='http://fonts.googleapis.com/css?family=Seaweed+Script' rel='stylesheet' type='text/css'>

这在你的CSS中：

body {
    font-family: 'Seaweed Script', cursive;
}
于 2012-03-05T13:56:20.613 回答