iXiNX Club开放性测试进行中,欢迎体验反馈,如有任何问题均可联系管理员
iXiNX Club主要为自用型文档社区,同时也开放共用文档,欢迎爱好者加入并共享内容,翻译文档

主题选项:字体排版设置

版主: Code

回复
J
Jannah
二级成员
帖子: 154
注册时间: 2024年 3月 17日 07:42

主题选项:字体排版设置

帖子 Jannah »

近1000种字体选项,带有后端实时预览,Jannah中包含800多种谷歌字体和+150种FontFace字体,您一定会找到适合您需求的字体。

您可以从可用的四个合集中选择合适的字体,标准字体、谷歌字体、FontFace字体和嵌入式外部字体代码。
IMG_20240502_041803.png
Body Font Family
  • Body Font Family这是网站上所有元素的默认字体系列,除非您为特定元素指定了其他字体系列。选择字体源后,将显示字体系列下拉选择。字体系列下拉列表基于字体源下拉列表选择值。
Headings Font Family
  • Headings Font Family这是重要标题的字体系列,如新闻块标题、在新闻块文章标题、在滑块文章标题、小工具标题等。
Primary menu Font Family
  • Primary menu Font Family这是主菜单、父链接、子菜单和超级菜单元素的字体系列。
Blockquote Font Family
  • Blockquote Font Family这是在使用快捷代码时,在文章内容或任何其他地方使用块引号的字体系列。
Source Option

对于前面的所有排版部分,您可以确定字体的来源
file-KgZI1xDjTi.png
  • Theme Defaults:使用主题默认字体。
  • Standard Fonts:选择一种系统标准字体。
  • Google Fonts:选择一种谷歌字体,超过800种字体。
  • FontFace.me Fonts:选择一种FontFace字体,超过150种字体。
  • Upload Custom Font:在这里你可以上传你的自定义字体的文件,它支持不同的字体格式。EOT。WOFF2。WOFF。TTF。SVG。
  • Any external Fonts (e.g. Typekit):字体嵌入代码,如下所示:

代码: 全选

<link href="https://fonts.googleapis.com/css?family=Amiri" rel="stylesheet"><br><br>
Google Web Font Character sets
IMG_20240502_043351.png
提示:选择大量的字符集可能会使页面加载速度变慢。
默认情况下为拉丁文字符集。包括字体的其他字符集(请确保http://www.google.com/fonts/在该字符集可用于所选字体之前)。

Font Sizes, Weights, and Line Heights
file-ex7meiilsw.png
您可以控制主题中大部分元素的字体大小、粗细和行高:
  • body:正文
  • Header Site name:页头网站名称
  • Secondary Menu:辅助菜单
  • Secondary submenus:辅助子菜单
  • Main Navigation:主导航
  • Main Navigation submenus:主导航子菜单
  • Mobile Menu, Breaking News Label:手机菜单,突发新闻标签
  • Breaking News post titles:突发新闻文章标题
  • Breadcrumbs:面包屑
  • Buttons:按钮
  • Post Categories Label:文章分类标签
  • Single Post Title:单篇文章标题
  • Post Titles in Homepage Blocks:首页块中文章标题
  • Small Post Titles in Homepage Blocks:主页块中的文章小标题
  • Single Post Page Content:单篇文章内容
  • Blockquotes:块引用
  • Sections Titles: Default & Centered
  • Styles:区域标题默认和居中样式
  • Sections Titles: Big Style:区域标题大标题样式
  • Blocks Titles:块标题
  • Widgets Titles:小工具标题
  • Post title in widgets:小工具中的文章标题
  • Copyright Area:版权区域
  • Footer Widgets Titles:页脚小工具标题
  • Post Heading: H1
  • Post Heading: H2
  • Post Heading: H3
  • Post Heading: H4
  • Post Heading: H5
  • Post Heading: H6
字体粗细提示:
- 如果您使用谷歌字体,请确保在“谷歌字体变体”字段中加载与此处括号中的字体相对应的字体粗细。
- 浏览器标准字体通常仅支持“普通 (400)”和“粗体 (700)”字体粗细。
您没有权限查看这个主题的附件。
回复