2017-09-14 62 views
0

我正在使用排名冠军主题,并使用roboto作为我的字体。如何防止在wordpress网站中加载两次字体?

而且还使用可视化编辑器,它具有字体的一个子集,它默认为“拉丁”

所以我想主要的机器人字体和这个“VC”的字体加载,因为我看到在页面两种字体源作为

<link rel='stylesheet' id='ranking-champtheme-custom-google-fonts-css' href='//fonts.googleapis.com/css?family=Roboto%3A100%2C100i%2C200%2C200i%2C300%2C300i%2C400%2C400i%2C500%2C500i%2C600%2C600i%2C700%2C700i%2C900%2C900i%26subset%3Dlatin%2Clatin-ext&#038;ver=1.0.0' type='text/css' media='all' /> 

<link rel='stylesheet' id='vc_google_fonts_roboto100100italic300300italicregularitalic500500italic700700italic900900italic-css' href='//fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic&#038;ver=4.8.1' type='text/css' media='all' /> 

我只是不想第二字体laoded与id="vc_google_fonts_roboto100100italic300300italicregularitalic500500italic700700italic900900italic-css"

我试图用jQuery将其href设置为none,但没有工作,intrestingly虽然检查我看到href删除按jquery书面,但在页面源搜索它加载。

$(document).ready(function() { 
    jQuery("#vc_google_fonts_roboto100100italic300300italicregularitalic500500italic700700italic900900italic-css").removeAttr("href"); 
}); 

任何人都可以告诉我任何方式删除第二个字体加载。

我不确定它是因为Visual Composer,因为我看到idvc_google_fonts_..我假设VC再次加载字体。

+0

我想你可以在Visual Composer插件设置中从Visual Composer中排除Google字体 – Vald

+0

@Vald我没有找到任何选择。如果有,你可以告诉设置在哪里? – Mann

回答

0

我从来没有使用可视化编辑器,但我发现this如何做网页,它说以下内容:

可视化编辑器使用可用来 为造型的自定义标题元素和元素扩展谷歌字体的特定阵列标题 部分。可以通过应用 filter vc_google_fonts_get_fonts_filter更改Google字体列表 - 它将返回一组 谷歌字体列表,然后可以对其进行修改/重写。

所以解决方案可能是使用该过滤器来删除有问题的字体。

function vc_remove_roboto_font($fonts) { 
    ...CODE TO FIND AND REMOVE ROBOTO from $fonts list... 
    return $fonts; 
} 
add_filters('vc_google_fonts_get_fonts_filter','vc_remove_roboto_font'); 

我不知道该$fonts列表包含哪些元素,所以上面的代码是不完整的,但它可以帮助你接近的解决方案。

这里也是一个GitHub example关于如何添加一个字体,你可能会觉得有用。