AVADA网站字体设置的方法

字体是一个网站很重要的部分,今天就来讲下AVADA网站字体设置方法,包含字体样式和大小的设置

AVADA网站包含了电脑上常用的arial, verdana, lucida等标准字体,也默认使用了google font,可以根据自己的需要去设置想要的字体。

另外,一个网站只建议用2-3种字体即可,太多会显的很凌乱

1. menu 字体设置

进入theme options - menu - main menu,找到Main Menu Typography, 在Menus Typography里面设置菜单字体,点击font  family,输入你想要的字体,建议open sans 或raleway, 其他的几个设置不用管,保持默认即可

然后在 main menu font size这里填 16px

Main Menu Dropdown Font Size 这里填13px

如下图

menu下面的其他几个子菜单也有对应的字体大小的设置,我一般是没有去单独设置,如果有需要,你也可以去修改一下对应菜单的字体大小

2. footer字体

这个菜单主要是设置Footer heading 标题的字体样式和大小,如下图所示

进入theme options - footer,点击footer stying

找到footer typography选项,设置footer heading的字体样式和大小。


3. Body正文字体 和 Headings标签字体设置

这里的设置是对整个网站有效的

Body正文字体设置

body字体就是网站正文内容的字体,以及sidebar等其他地方没有专门设置字体的部分

方法是,进入theme options - typography - body typography里面设置body字体样式,大小,以及链接文本的颜色等,最后保存。其他的选项保持默认即可

Headers标签字体设置

Headings就是h1,h2,h3...h6这几种标签的字体

进入theme options - typography - Headers Typography,这里设置H1到H6的字体样式和大小,一般建议raleway字体

4. 网站某个细节处自定义字体

如果需要对网站某个细节处单独使用其他的字体,可以用CSS实现,如下图的sidebar字体

先找到对应的CSS代码,方法可以参考简单的CSS

再加上字体样式的CSS即可,如下,字体样式和大小可以自己修改

.fusion-content-widget-area .widget li a{font-family:'open sans'!important;font-size:20px!important;}

最后把CSS代码放到theme options - custom css中,保存刷新一下就可以看到字体改变了。效果如下

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,712评论 1 92
  • 回首页 第一部分 Drupal简介 Drupal overview A tour of Drupal fundam...
    王乂阅读 6,426评论 0 9
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 8,577评论 0 40
  • 左乙拉西坦简介 左乙拉西坦(Levetiracetam,LEV)为吡拉西坦衍生物,是一种新型抗癫痫药物,于1999...
    勇敢的心207阅读 9,830评论 0 0
  • 短短两周,我们这座小城发生了两起跳楼事件。一起是弟弟班中的女生,一起就发生在我家小区。我看到事件的主人公以凄凉的姿...
    山几同学阅读 1,616评论 0 0

友情链接更多精彩内容