如何在主题中直接内置Typekit在线字体
答案:1 悬赏:60
解决时间 2021-01-26 23:24
- 提问者网友:暮烟疏雨之际
- 2021-01-26 10:42
如何在主题中直接内置Typekit在线字体
最佳答案
- 二级知识专家网友:摆渡翁
- 2021-01-26 12:14
使用在线字库在当前的前端设计中似乎越来越流行了,使用最多的应该是Google的Web Fonts,已经有很多国外的WordPress主题作者开始使用这一服务。但不幸的是,因为众所周知的原因,我们对于web fonts却是望而却步。
此外,Typekit也提供在线字库服务,在无法改变国内网络现状的情况下,可以用typekit来替代Google的在线字体服务,虽然与Google比,有种种限制,但唯一的好处是:Typekit使用了EdgeCast的CDN,国内访问的话,电信、联通走的均是香港的节点,速度有保障,最关键的是尚未被墙!
Typekit还有一个专门针对WordPress的插件,可以轻松地添加自己的字体到你的WordPress网站,但是有没有办法直接内置Typekit字体到我们的Wordpress网站中去呢?下面是一个简单的方法可供参考。
将下面的代码丢入主题的 functions.php 文件中。
[php]
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’ ) ) { ?>
}
add_action( ‘wp_head’, ‘theme_typekit_inline’ );[/php]
P.S.上述代码中第7行的.js文件需要更新成TypeKit提供的js文件哦。
此外,Typekit也提供在线字库服务,在无法改变国内网络现状的情况下,可以用typekit来替代Google的在线字体服务,虽然与Google比,有种种限制,但唯一的好处是:Typekit使用了EdgeCast的CDN,国内访问的话,电信、联通走的均是香港的节点,速度有保障,最关键的是尚未被墙!
Typekit还有一个专门针对WordPress的插件,可以轻松地添加自己的字体到你的WordPress网站,但是有没有办法直接内置Typekit字体到我们的Wordpress网站中去呢?下面是一个简单的方法可供参考。
将下面的代码丢入主题的 functions.php 文件中。
[php]
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’ ) ) { ?>
}
add_action( ‘wp_head’, ‘theme_typekit_inline’ );[/php]
P.S.上述代码中第7行的.js文件需要更新成TypeKit提供的js文件哦。
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯