Wordpress 如何组合谷歌字体导入
我正在使用Wordpress和Divi主题 有以下代码:Wordpress 如何组合谷歌字体导入,wordpress,httprequest,google-webfonts,Wordpress,Httprequest,Google Webfonts,我正在使用Wordpress和Divi主题 有以下代码: function et_divi_fonts_url() { $fonts_url = ''; /* Translators: If there are characters in your language that are not * supported by Open Sans, translate this to 'off'. Do not translate * into your
function et_divi_fonts_url() {
$fonts_url = '';
/* Translators: If there are characters in your language that are not
* supported by Open Sans, translate this to 'off'. Do not translate
* into your own language.
*/
$open_sans = _x( 'on', 'Open Sans font: on or off', 'Divi' );
if ( 'off' !== $open_sans ) {
$font_families = array();
if ( 'off' !== $open_sans )
$font_families[] = 'Open+Sans:300italic,400italic,700italic,800italic,400,300,700,800';
$protocol = is_ssl() ? 'https' : 'http';
$query_args = array(
'family' => implode( '%7C', $font_families ),
'subset' => 'latin,latin-ext',
);
$fonts_url = add_query_arg( $query_args, "$protocol://fonts.googleapis.com/css" );
}
return $fonts_url;
}
生成此输出的:
<link rel='stylesheet' id='tp-open-sans-css' href='http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700%2C800&ver=4.2.4' type='text/css' media='all' />
<link rel='stylesheet' id='tp-raleway-css' href='http://fonts.googleapis.com/css?family=Raleway%3A100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900&ver=4.2.4' type='text/css' media='all' />
<link rel='stylesheet' id='tp-droid-serif-css' href='http://fonts.googleapis.com/css?family=Droid+Serif%3A400%2C700&ver=4.2.4' type='text/css' media='all' />
<link rel='stylesheet' id='et_monarch-open-sans-css' href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' type='text/css' media='all' />
<link rel='stylesheet' id='divi-fonts-css' href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,800italic,400,300,700,800&subset=latin,latin-ext' type='text/css' media='all' />
我想知道是否有一种简单的psemi方法可以将所有这些资源合并到一个请求中?摘自:
要请求多个字体系列,请使用管道字符(|)分隔名称
例如,要请求字体Tangerine、Incolata和Droid SAN:
https://fonts.googleapis.com/css?family=Tangerine|Incolata | Droid+Sans
一个解决方案就是这个工具
您可以在此工具中插入多个字体URL,并获得一个干净的URL作为回报
另一个解决方案是,但它将所有字体组合在一个URL中,而不允许您选择要组合的字体:
<link href="https://pagecdn.io/lib/easyfonts/fonts.css" rel="stylesheet" />
我用过
范例
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&family=Open+Sans:wght@300;400;600;700;800&family=PT+Sans+Narrow:wght@400;700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap">
显示=交换
swap为字体提供零秒的块周期和无限长的
互换期。这意味着浏览器会立即使用
如果未加载字体,但将字体替换为
它一装上。与block类似,仅应使用此值
当以特定字体呈现文本对页面很重要时,
但在任何字体中呈现都会得到正确的信息。
徽标文本是交换的一个很好的候选者,因为它显示了公司的
名称使用合理的回退将使消息得到传达,但您
最终使用正式字体