谷歌cdn字体怎么用

html-css06

谷歌cdn字体怎么用,第1张

你好:谷歌字体cdn加速操作方法如下:

在google fonts 官网上选择字体并获取css链接,如下

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

将链接内容下载到本地保存,打开,内容如下:

/* latin */@font-face {font-family: 'Oswald'font-style: normalfont-weight: 400src: local('Oswald Regular'),local('Oswald-Regular'),url(https://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2')unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}/* 如下可能还有更多代码,但结构是和上面的一样的 */

将 @font-face 下 src属性下 url 处的文件下载到本地并保存,并将 url 地址修改成本地地址

引用修改后的本地google fonts css文件,就可以使用了。

cdn相当于一个服务器集群,相对来说在不同的地方用不同的服务器用户端资源加载速度可能快一点,而且不占主服务器带宽,而且可以同时加载资源,我觉得应该是这样理解的。

像背景图片这个只要你放到cdn上,css指定网址到cdn的图片路径,是可以实现加速的。

应该是由于使用CDN后,CSS文件没有更新过来。

在CSS引用中加一个版本信息试试,如<link rel="stylesheet" type="text/css" href="style.css?v=20140110" />