1. 首页
  2. 技术教程

Font Swap-在任何网页快速更换字体,从Google Fonts选择免费字体一键套用(Chrome扩展功能)

有时候在浏览某些网站时会觉得网站使用的字体很丑、很不好阅读,除了联络网站管理者调整,或使用类似Mercury Reader工具来开启阅读模式,还有其他更好的解决方法吗?就我所知有一些浏览器插件可快速更改网站字体,不过对一般使用者来说还是稍嫌困难,若有类似需求,本文要介绍一款非常好用的插件「Font Swap」,可以快速将网站的标题、内文套用成Google Fonts里任何字体。

Font Swap是一款免费的Google Chrome浏览器插件,它的功能很简单:将任何网站的字体更改成其他字体,而字体就是从Google Fonts提供的免费字体挑选,Font Swap最主要有两种可用方向,第一种是将特定网站更换成你喜欢的字体,第二种就是让开发者做为字体测试使用,测试时便能直接于网站上即时显示你选择的字体。

Font Swap最值得推荐之处在于没有复杂难懂的功能和界面设计,使用者需要做的就是开启控制功能、选择字体,一键套用字体,完全无痛!此外,还能依照不同的字体分类、粗细、倾斜或宽度等等筛选(当然也内置搜寻功能)。如果你想让网站的标题、内文或任何部分使用不一样的字体设计,Font Swap亦有自定功能。

使用教程:

开启Font Swap–for Google Fonts插件功能页面,点击右上角「加到Chrome」将它下载安装到浏览器。

Font Swap-在任何网页快速更换字体,从Google Fonts选择免费字体一键套用(Chrome扩展功能)

安装后右上角会多一个Font Swap图标,点击即可开启字体设置功能。

Font Swap-在任何网页快速更换字体,从Google Fonts选择免费字体一键套用(Chrome扩展功能)

在Font Swap功能选项中,可以看到四个参数筛选器,分别为:粗细(Thickness)、倾斜(Slant)、宽度(Width)和样式数量(# of Styles),勾选并左右拖曳调整数值,就会显示各种不同的字体搜索结果。

Font Swap-在任何网页快速更换字体,从Google Fonts选择免费字体一键套用(Chrome扩展功能)

若要选择特定的字体类型,也可点选分类来快速选择,包括:Serif、Sans Serif、Display、Handwriting及Monospace五种形态。

Font Swap-在任何网页快速更换字体,从Google Fonts选择免费字体一键套用(Chrome扩展功能)

当然如果知道字体名称(或从Google Fonts检索),直接输入名称是最快的方法。无论以何种方式找到字体,只要点击下方的搜寻结果,就会立即将字体套用至网站,即时呈现。

Font Swap-在任何网页快速更换字体,从Google Fonts选择免费字体一键套用(Chrome扩展功能)

若你是开发者,想通过Font Swap测试各种字体表现,应该也能找到合适的字体,这时候可以点击「Embed」来获取嵌入Webfont、CSS连接及语法。

Font Swap-在任何网页快速更换字体,从Google Fonts选择免费字体一键套用(Chrome扩展功能)

预设情况下字体会套用并取代网页内的所有文字字体,若你想单独套用到标题或自定区域的话,请通过最上方的「Apply to」来调整设定。

Font Swap-在任何网页快速更换字体,从Google Fonts选择免费字体一键套用(Chrome扩展功能)

最后,要注意的是Font Swap会将使用者设置记录下来,也就是当你关闭浏览器,下次再次打开相同网页时,会继续使用之前在Font Swap设定过的字体喔!若你发现使用出现问题或想将字体还原到网站设定值,可点选「Reset Page」来重设页面设定。

Font Swap-在任何网页快速更换字体,从Google Fonts选择免费字体一键套用(Chrome扩展功能)

官网下载地址:

http://www.samirai.io/

原创文章,作者:yuanyuan,如若转载,请注明出处:https://www.xiaoyuanjiu.com/2640.html

发表评论

登录后才能评论