相关疑难解决方法(0)

在CSS3 font-face,有多个字体类型包括等ttf,eot,woff,svg和cff.

我们为什么要使用所有这些类型？

如果它们对于不同的浏览器是特殊的,为什么它们的数量大于主要Web浏览器的数量？

有没有之间的差异isset和!empty.如果我做这个双布尔检查,这种方式是正确的还是多余的？有没有更短的方法来做同样的事情？

isset($vars[1]) AND !empty($vars[1])

我使用谷歌字体和我的网站的排版.看起来很棒,但它增加了很大的开销.有没有办法我可以在不影响网站速度的情况下为我的网站获得相同的外观和感觉？

我在这里分析我的网站https://developers.google.com/speed/pagespeed,当我使用谷歌字体时,我的分数大约为60,但如果我删除这些字体,那么我的分数很高.有没有办法在不影响网页质量的情况下使用这些字体？我的首要任务是页面优化.

我们使用的Google字体(Pacifico)最近对首都'L'进行了相当彻底的重新设计.当我们将这个用于我们的产品时,其名称乞求"L",这导致我们的产品外观发生了相当根本的变化.

深入研究它,我注意到字体的url已经改变了

fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCXYhjbSpvc47ee6xR_80Hnw.woff2

至

fonts.gstatic.com/s/pacifico/v8/Q_Z9mv4hySLTMoMjnk_rCXYhjbSpvc47ee6xR_80Hnw.woff2

但是之前的v7网址仍然有用.所以,现在,我已经为该版本添加了硬编码字体引用.

但是,是否可以链接到特定版本的字体？

<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>

那么,不知何故在上面的链接中指定一个版本？

我尝试了各种猜测,例如:

https://fonts.googleapis.com/css?family=Pacifico&version=7
https://fonts.googleapis.com/css?family=Pacifico&version=v7
https://fonts.googleapis.com/css?family=Pacifico:v7

但无济于事.

我通过添加外部链接使用谷歌字体

<link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>

这个CSS只有这个代码

@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: normal;
  src: local('Arvo'), url('http://themes.googleusercontent.com/static/fonts/arvo/v3/WJ6D195CfbTRlIs49IbkFw.woff') format('woff');
}

我可以在我的项目css文件style.css中粘贴并使用此代码,或者它是必要的并且更好地将其用作google的外部css链接

我在下面的代码中使用了来自的字体支持,

<link href='http://fonts.googleapis.com/css?family=Open+Sans|Oswald|Play|Numans' rel='stylesheet' type='text/css'>

如果我使用上面的URL,所有浏览器支持的字体.

    @font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: normal;
  src: local('Oswald '), local('Oswald'), url('http://themes.googleusercontent.com/static/fonts/oswald/v2/-g5pDUSRgvxvOl5u-a_WHw.woff') format('woff');
}
@font-face {
  font-family: 'Numans';
  font-style: normal;
  font-weight: 400;
  src: local('Numans'), local('Numans-Regular'), url('http://themes.googleusercontent.com/static/fonts/numans/v2/H6jkjoZl4TIrPYyjhdoCcw.woff') format('woff');
}
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: normal;
  src: local('Play'), url('http://themes.googleusercontent.com/static/fonts/play/v2/-SXnV4mZjf4oh1IBw13WZw.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('http://themes.googleusercontent.com/static/fonts/opensans/v5/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

我复制并粘贴上面的css代码在我的CSS for fonts support.in IE8 Alone不支持的字体.对此有什么解决方法吗？

处理客户端项目 - 重新调整其Intranet.他们的安全设置方式,所有外部媒体都被拒绝,包括任何谷歌字​​体.棘手的部分是他们要求我们使用Google字体重新设置.

当然,提示用户自己安装字体是不可接受的.有没有办法可以下载Google Font文件并将其放在网站上？

更新:经过一段时间后,我发现您可以下载并使用谷歌字体的压缩版本来保持您的网站相对优化.转到导入网址:

http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic

在src属性(themes.googleusercontent.com网址)中下载.woff链接到的文件,根据需要重命名,将其上传到您网站的媒体目录,然后指向该本地文件而不是Google的网址.