avada-custom-fonts-setting.jpg
字体是影响网站设计美观度的重要因素之一，[Avada]主题自带了许多优秀的字体，一般情况下，做个外贸网站是够用了。如果你对网站设计有更高的要求，可能就需要自己上传指定的字体到Avada主题了，也就是我们所说的自定义字体。
一、网站字体的格式
很多刚开始学习建站的小伙伴会把网站字体跟我们电脑端使用的字体给弄混，我们网站所用的字体是Web fonts，电脑上的字体叫desktop fonts。你在谷歌上搜索指定的字体时一定要加上web fonts，要不然下载下来的很可能就是用在你电脑上的字体。譬如你搜索Time New Roman, 出来的结果默认就是用于电脑上面的字体。
font-format-web-fonts.png
用于网页使用的字体你应该搜字体名+web fonts。
font-format-problem.png
网页的字体一般包括五种格式，WOFF2, WOFF, TTF, EOT SVG. 找到你要的字体，然后下载字体压缩包，解压之后，你就可以看到这五种格式的字体了。
font-format.png
二、安装WP Add Mime Types
很多人在给Avada网站上传自定义字体时，发现字体文件无法上传，出现Sorry, this file type is not permitted for security reasons这种提示。
web-font-upload-problem.png
这是因为字体文件的格式对于网站来说是不安全的文件类型，所以我们需要对这类文件进行授权。我们使用WP Add Mime Types这个插件来对字体文件进行网站授权，登陆网站后台之后，点击Plugins–>Add New,进入插件市场之后搜索WP Add Mime Types。第一个搜索结果就是我们需要的，点击安装并激活。
WP-Add-Mime-Types-installing.png
在网站后台找到Setting–>Mime Types Setting, 进入WP Add Mime Types插件设置界面。
WP-Add-Mime-Types-daskboad.png
这个界面会显示所有可以上传的文件类型，我们拉到最底部，可以看到我们要找的五种字体文件格式也在里面。
WP-Add-Mime-Types-setting.png
用鼠标选中，然后点击复制，把他们粘贴到下面的文本框里面，把空格去掉，点击保存。
WP-Add-Mime-Types-setting-fonts.png
这时候你再上传字体文件，就可以成功了。
三、Avada设置自定义字体
在网站后台选择Avada–>Option,进入到Avada主题的设置界面，找到Typographà–>Custom Fonts。按照Avada的要求，把刚才上传的字体文件一个一个对应的设置好，点击Add，最后点击保存即可。
avada-custom-fonts-setting.png
设置好之后，你就可以开始把你上传的字体设置成网站字体了，在设置之前，刷新下页面，防止字体没有加载出来。
网友评论