须自定义它们以满足您的

Discuss my database trends and their role in business.
Post Reply
Dimaeiya333
Posts: 363
Joined: Sat Dec 21, 2024 3:34 am

须自定义它们以满足您的

Post by Dimaeiya333 »

这允许您像使用网站上的任何其他字体一样使用这些字体。现在,您必需求。

风格书
选择和配置字体的危险之一是您不知道它们与配色方案、布局和格式结合起来会是什么样子。样式书非常宝贵,因为它允许您预览不同元素上的版式设置。

WordPress Stylebook 编辑器界面显示蓝色背景,并以不同字体大小 学生资料 重复“代码是诗歌”作为标题。右侧边栏显示版式和元素的样式选项。
网站编辑的风格书。
如果您选择眼睛图标,样式书将打开,这里有五个选项卡:

文本:转到此处可处理段落、标题、列表和其他以文本为中心的元素。
媒体:在这里您可以调整图像、视频和音频布局演示。
布局:此部分将结构设计方面分组在一起,例如列、分隔线和按钮。
小部件:在此屏幕上有两个元素:动态构建,例如文件列表和注释。在这里您还可以使用搜索栏、社交媒体图标和标签云。
主题:重点关注网站的标题元素,例如标题、标语、导航和徽标。
如果您单击样式书中的某个元素,则侧栏中有多个选项可供使用。在这里,您可以使用每个块的版式配置而不是特定元素:

样式书显示版式设置面板,其中包含标题和段落选项。标题“代码就是诗歌”以各种大小显示,下面是一个示例段落。字体自定义选项在右侧可见。
您可以完全自由地直接从样式书中编辑版式。
您可以通过站点编辑器主页的样式>块部分访问相同的屏幕。无论如何,您看到的选项允许您非常详细地自定义每个块的版式(和其他内容)。

在站点编辑器中调整排版选项
所有块和元素都有相同的基本选项。以下是面板中每个选项的摘要。

字体类型和大小
字体下拉菜单很简单:选择要应用于特定元素或块的字体:

样式书界面显示《堂吉诃德》中的一段文字和《爱丽丝梦游仙境》中的人物列表。右侧边栏显示排版设置,包括字体选择(当前选择 Thistle)和各种文本格式选项。胡里奥·科塔萨尔的一句话出现在底部的蓝色框中。
从“版式”选项卡中提供的选项中选择一种字体。
尺寸预设在站点编辑器中的自定义程度最低。您可以在小号和超大号之间选择尺寸:

站点编辑器版式设置面板。字体设置为 Thistle,大小设置为 Medium (M),外观下拉菜单显示已选择 Regular。行高设置为 1.55,并且可以看到额外的字母间距和大小写选项。
WordPress 在站点编辑器中提供字体大小预设。
如果您进行编辑theme.json,则可以更改这些预设,但无法从站点编辑器中执行此操作。“设置自定义尺寸”按钮为您提供了一种使用一系列尺寸单位设置自定义尺寸的方法:

站点编辑器界面显示站点的排版设置。主文本区域在蓝色背景上显示一个空白段落。右侧边栏允许您自定义字体、大小、外观和行高,选择 Cardo 字体并将大小设置为 1.2 rem。
选择自定义字体大小和单位。
在站点编辑器中调整版式的方法有很多,包括您通常使用 CSS 的方法。

外观、线高、行距
外观下拉列表看起来很简单:从广泛的列表中选择字体粗细,它将应用于您的文本。然而,通常您不会获得每个权重的所有可用来源。

WordPress 站点编辑器中的外观下拉菜单。该面板设置为常规。在它的下方,有一个1.55的行高调节控件,带有加号和减号按钮用于微调。
WordPress 网站编辑器中的外观下拉菜单。
我们的测试表明 WordPress 不会过滤此列表以仅显示可用的字体粗细。此外,如果您选择的权重没有匹配源,则将应用“最接近的匹配”。例如,我们在示例网站中使用了 Normal Thistle、Bold Thistle 和 Bold Italic Thistle。如果您选择 Semibold、Bold、Extra Bold 或 Black,则您将仅使用 Cardo Bold:

WordPress 网站编辑器 GIF 显示蓝色背景,左侧引用唐吉诃德的名言。右侧边栏显示用户循环浏览“外观”下拉菜单中的选项。
更改 WordPress 站点编辑器中文本的外观。
行高不使用预设,并在您选择的字体、外观和大小之间保持平衡。
Post Reply