jquery - 如何防止字体在我的 wordpress 网站中加载两次？

Question

我正在使用排名冠军主题，并使用 roboto 作为我的字体。

还使用 Visual Composer，它有一个字体子集，默认为“拉丁”

所以我猜主要的机器人字体和这个“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' />

我只是不想让第二种字体充满 id="vc_google_fonts_roboto100100italic300300italicregularitalic500500italic700700italic900900italic-css"

我尝试使用 jQuery 将其 href 设置为无，但没有成功，有趣的是，在检查时我看到 href 已按照 jquery 编写的方式删除，但在页面源代码中搜索时它正在加载。

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

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

我不确定它是因为 Visual composer，因为我看到 id 为 vc_google_fonts_.. 我假设 VC 正在再次加载字体。

Answer 1

我从未使用过 Visual Composer，但我找到了 this操作方法页面，内容如下:

Visual Composer uses specific array of Google Fonts available to Custom Heading element and element extensions for styling of heading part. It is possible to change the list of Google Fonts by applying filter vc_google_fonts_get_fonts_filter - it will return array of Google Fonts list which can then be modified/rewritten.

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

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关于如何添加字体，您可能会发现它很有用。