如何在主题中直接内置Typekit在线字体

typekit-wordpress

使用在线字库在当前的前端设计中似乎越来越流行了,使用最多的应该是Google的Web Fonts,已经有很多国外的WordPress主题作者开始使用这一服务。但不幸的是,因为众所周知的原因,我们对于web fonts却是望而却步。

此外,Typekit也提供在线字库服务,在无法改变国内网络现状的情况下,可以用typekit来替代Google的在线字体服务,虽然与Google比,有种种限制,但唯一的好处是:Typekit使用了EdgeCast的CDN,国内访问的话,电信、联通走的均是香港的节点,速度有保障,最关键的是尚未被墙!

Typekit还有一个专门针对WordPress的插件,可以轻松地添加自己的字体到你的WordPress网站,但是有没有办法直接内置Typekit字体到我们的Wordpress网站中去呢?下面是一个简单的方法可供参考。

将下面的代码丢入主题的 functions.php 文件中。

[php]/**
* TypeKit Fonts
*
* @since Theme 1.0
*/
function theme_typekit() {
wp_enqueue_script( ‘theme_typekit’, ‘//use.typekit.net/xxxxxxx.js’);
}
add_action( ‘wp_enqueue_scripts’, ‘theme_typekit’ );

function theme_typekit_inline() {
if ( wp_script_is( ‘theme_typekit’, ‘done’ ) ) { ?>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<?php }
}
add_action( ‘wp_head’, ‘theme_typekit_inline’ );[/php]

P.S.上述代码中第7行的.js文件需要更新成TypeKit提供的js文件哦。EOF

文章标签:

如何在主题中直接内置Typekit在线字体》有8条评论

    1. 回复@别先生 : 呵呵~已经写的差不多了!但我发现,我写的代码纰漏太多。这段时间正在学习,怎么写代码呢!慢慢来吧!~呵呵~~真的有可能到2014哦。

发表评论

K8G2