View source for 字体

== 概述 ==

字体在MediaWiki 1.40中扮演着至关重要的角色，直接影响着网站的可读性、美观性和用户体验。 字体是指一组具有共同视觉特征的字形，包括字体的样式、大小、粗细、倾斜度等。在MediaWiki环境中，字体主要应用于以下几个方面：页面内容显示、用户界面元素、代码高亮显示等。 默认情况下，MediaWiki使用浏览器默认的字体，但可以通过自定义CSS样式来更改字体，以满足不同的设计需求。 了解MediaWiki中字体的配置和使用方法对于创建专业、易于阅读的维基页面至关重要。 [[样式表]] 是控制字体显示的关键。

== 主要特点 ==

MediaWiki 1.40在字体方面具有以下主要特点：

*   **灵活性：** 用户可以通过自定义CSS样式来更改网站的字体，包括字体族、大小、颜色、粗细等。
*   **可扩展性：** MediaWiki支持使用多种字体格式，包括TrueType (TTF)、OpenType (OTF)和Web Open Font Format (WOFF)。
*   **兼容性：** MediaWiki能够适应不同的浏览器和操作系统，确保字体在各种环境下都能正确显示。
*   **可继承性：** 字体样式可以继承，这意味着子元素可以继承父元素的字体样式，从而简化CSS代码。
*   **字体堆栈：** 可以定义字体堆栈，即一系列备选字体。当第一个字体不可用时，浏览器会依次尝试使用后面的字体。
*   **Web字体支持：** MediaWiki支持使用Web字体，这允许用户从外部服务器加载字体，而无需将字体文件存储在本地。 [[Web字体]] 的使用极大地扩展了字体的选择范围。
*   **Unicode支持：** MediaWiki完全支持Unicode字符集，这意味着它可以显示各种语言的字符，包括中文、日文、韩文等。 [[Unicode]] 是全球通用的字符编码标准。
*   **CSS控制：** 字体样式主要通过CSS控制，可以使用CSS属性如`font-family`、`font-size`、`font-weight`、`font-style`等来设置字体。 [[CSS]] 是样式表的核心。
*   **管理员权限：** 修改全局字体通常需要管理员权限，这可以确保网站的整体风格一致。
*   **用户自定义：** 用户可以通过浏览器设置或自定义CSS来更改自己看到的字体，这允许用户根据自己的喜好调整字体显示。 [[用户样式表]] 可以实现个性化定制。

== 使用方法 ==

更改MediaWiki 1.40中的字体主要涉及以下几个步骤：

1.  **确定目标字体：** 首先，需要确定想要使用的字体。可以选择系统自带的字体，也可以使用Web字体。
2.  **查找字体名称：** 确定字体名称后，需要查找该字体的正确名称。可以使用浏览器的开发者工具或在线字体识别工具来查找字体名称。
3.  **修改CSS样式：** 可以通过以下几种方式修改CSS样式：
    *   **全局CSS：** 修改`MediaWiki:Common.css`页面，可以更改整个网站的字体。这需要管理员权限。
    *   **皮肤CSS：** 修改特定皮肤的CSS文件，可以更改该皮肤下的字体。
    *   **用户CSS：** 修改用户自己的CSS文件，可以更改自己看到的字体。
4.  **添加CSS规则：** 在CSS文件中添加相应的CSS规则，例如：

    ```css
    body {
      font-family: "Arial", sans-serif;
      font-size: 16px;
    }

    h1, h2, h3, h4, h5, h6 {
      font-family: "Georgia", serif;
    }
    ```

    这段代码将网站的正文字体设置为Arial，如果Arial不可用，则使用sans-serif字体。将标题字体设置为Georgia，如果Georgia不可用，则使用serif字体。
5.  **保存并刷新：** 保存CSS文件后，需要刷新浏览器才能看到更改后的字体效果。有时可能需要清除浏览器缓存才能正确显示。 [[浏览器缓存]] 可能会影响字体显示。
6.  **使用Web字体：** 如果要使用Web字体，需要先将字体文件上传到服务器，然后在CSS文件中使用`@font-face`规则来定义字体。例如：

    ```css
    @font-face {
      font-family: "MyCustomFont";
      src: url("path/to/mycustomfont.woff2") format("woff2"),
           url("path/to/mycustomfont.woff") format("woff");
    }

    body {
      font-family: "MyCustomFont", sans-serif;
    }
    ```

    这段代码定义了一个名为"MyCustomFont"的Web字体，并指定了字体文件的路径和格式。然后，将正文字体设置为"MyCustomFont"，如果"MyCustomFont"不可用，则使用sans-serif字体。 [[@font-face]] 规则是定义Web字体的关键。
7.  **代码高亮字体：** 代码高亮显示的字体可以通过修改`MediaWiki:SyntaxHighlight.css`来调整。
8.  **特殊元素字体：** 可以针对特定的HTML元素设置字体，例如`<pre>`、`<code>`、`<span>`等。

以下是一个表格，列出了常用的CSS字体属性及其说明：

{| class="wikitable"
|+ 常用的CSS字体属性
! 属性名 !! 说明 !! 可选值
|-
|| font-family || 指定字体的名称 || 字体名称列表，例如："Arial", sans-serif
|-
|| font-size || 指定字体的大小 || 像素 (px)、点 (pt)、em、rem等
|-
|| font-weight || 指定字体的粗细 || normal、bold、bolder、lighter、100-900
|-
|| font-style || 指定字体的样式 || normal、italic、oblique
|-
|| font-variant || 指定字体的变体 || normal、small-caps
|-
|| line-height || 指定行高 || 数字、百分比、em、rem等
|-
|| text-align || 指定文本的对齐方式 || left、right、center、justify
|-
|| text-decoration || 指定文本的装饰 || none、underline、overline、line-through
|}

== 相关策略 ==

在MediaWiki中选择合适的字体策略需要考虑以下几个方面：

*   **可读性：** 选择易于阅读的字体，避免使用过于花哨或难以辨认的字体。
*   **一致性：** 保持网站字体的一致性，避免在不同的页面或元素中使用不同的字体。
*   **品牌形象：** 选择与网站品牌形象相符的字体，以增强网站的辨识度。
*   **性能：** 使用Web字体时，需要考虑字体文件的大小和加载速度，避免影响网站的性能。
*   **用户体验：** 考虑不同用户的阅读习惯和偏好，提供可自定义的字体选项。
*   **对比度：** 确保字体颜色与背景颜色之间有足够的对比度，以提高可读性。 [[色彩对比度]] 对于可访问性至关重要。
*   **响应式设计：** 在响应式设计中，需要根据不同的屏幕尺寸调整字体大小，以确保字体在各种设备上都能正确显示。 [[响应式设计]] 保证了跨设备的可读性。
*   **无障碍性：** 选择符合无障碍性标准的字体，例如提供足够的字体大小和对比度，以方便视力障碍用户阅读。 [[Web无障碍性]] 确保了所有用户都能访问内容。
*   **与其他元素的协调：** 字体应与其他设计元素（例如颜色、图片、布局）协调一致，以创造和谐的视觉效果。
*   **避免字体过度使用：** 避免在同一页面中使用过多的字体，这可能会导致页面混乱和难以阅读。
*   **测试：** 在不同的浏览器和操作系统上测试字体显示效果，以确保字体在各种环境下都能正确显示。
*   **字体授权：** 使用Web字体时，需要确保拥有合法的字体授权。
*   **字体渲染：** 不同的浏览器和操作系统可能使用不同的字体渲染引擎，这可能会导致字体显示效果略有差异。
*   **备选字体：** 始终提供备选字体，以确保在目标字体不可用时，网站仍然能够正常显示。 [[字体堆栈]] 提供了备选方案。

[[MediaWiki]] 提供了强大的字体定制功能，但需要谨慎使用，以确保网站的可读性、美观性和用户体验。 了解这些策略可以帮助您创建更具吸引力和易于使用的维基页面。

[[帮助:样式]]
[[MediaWiki手册]]
[[CSS参考]]
[[扩展:VisualEditor]]
[[扩展:Skin]]
[[皮肤]]
[[模板样式]]
[[MediaWiki配置]]
[[页面设计]]
[[用户界面]]
[[可访问性]]
[[Web标准]]
[[字体文件格式]]
[[字体渲染]]
[[Category:Category字体]]

== 立即开始交易 ==
[https://affiliate.iqbroker.com/redir/?aff=1085&instrument=options_WIKI 注册IQ Option] (最低入金 $10)
[http://redir.forex.pm/pocketo 开设Pocket Option账户] (最低入金 $5)
=== 加入我们的社区 ===
关注我们的Telegram频道 [https://t.me/strategybin @strategybin]，获取：
✓ 每日交易信号
✓ 独家策略分析
✓ 市场趋势警报
✓ 新手教学资料