如何使用Google Fonts字体

如何使用Google Fonts字体,第1张

1、进入Google Web Fonts 主页:http://www.google.com/webfonts 点击“开始选择字体”;

2、从200+字体中选择想要的字体(可惜没有中文字体),选择“使用”;

3、设置你选择字体的样式和字符集;

4、把字体加到你的网站:

方法一:标准式:在head部分加入一串 link 样式,引入Google字库;

方法二:@import 式:@import url(http://fonts.googleapis.com/css?family=Comfortaa|Rosario)

方法三:js引入:

WebFontConfig = {

google: { families: [ 'Comfortaa:latin', 'Rosario:latin' ] }

}

(function() {

var wf = document.createElement('script')

wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +

'://http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'

wf.type = 'text/javascript'

wf.async = 'true'

var s = document.getElementsByTagName('script')[0]

s.parentNode.insertBefore(wf, s)

})()

5、然后就可以和普通字体一样设置样式了。

WordPress可以使用WP Google Fonts插件,Z-Blog就需要等待了。

所需工具原料:已经安装Google Chrome

打开Google Chrome,然后点击右侧“三”型菜单,在d出列表中单击“设置”选项进入。

在设置页面中将滑竿移至最下方,然后点击“显示高级选项”。

找到“网络内容”项,在字号下拉列中可选择需要的字体大小。单击“自定义字体“按钮,在从d出窗口选择相应字体,然后点击完成即可。

若需要修改更多字体选项请尝试点击下方的高级字体设置,即可使用更多选项,请注意可能需要代理程序才能正常下载。

工具/原料:

google浏览器

google浏览器更改字体步骤如下:

1、打开谷歌浏览器,点击右上角的菜单栏。

2、在菜单栏中找到设置选项,点击,打开设置。

3、在设置里面打开高级设置,就可以找到网络内容。

4、在网络内容里面,可以设置字号大小,自定义字体,网页缩放。

5、点击自定义字体。这里可以选择喜欢的字体形状,字号大小。选择想要的字体,点击完成,设置生效。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11552773.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存