# Discourse 字体

**URL:** <https://www.isharkfly.com/t/discourse/16135>\
**Category:** Discourse\
**Tags:** discourse\
**Created:** [August 13, 2024, 11:12am UTC](https://www.isharkfly.com/t/discourse/16135 "2024-08-13T11:12:54Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [August 13, 2024, 11:12am UTC](https://www.isharkfly.com/t/discourse/16135/1 "2024-08-13T11:12:54Z")

</div>

今天留意了下 Plex 的社区，感觉他们的社区是换了字体了。

 ![2024-08-13_07-11-45](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/b/b5241840e02a960c2c8907a214f402d4219d48b3.png)

换的这个英文字体比默认的更加好看，如果要换字体的话应该是怎么换还是需要自己换个主题？

---

<div class="post-metadata">

**Author:** ![Lhcfl](https://www.isharkfly.com/user_avatar/www.isharkfly.com/lhcfl/32/14361_2.png) [@Lhcfl](https://www.isharkfly.com/u/Lhcfl)\
**Post date:** [August 13, 2024, 4:06pm UTC](https://www.isharkfly.com/t/discourse/16135/2 "2024-08-13T16:06:29Z")

</div>

站点设置搜索font应该就有

---

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [August 13, 2024, 7:39pm UTC](https://www.isharkfly.com/t/discourse/16135/3 "2024-08-13T19:39:21Z")

</div>

搜索 font

 ![2024-08-13_15-37-35](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/3/35d4b190579e4d7d131e173d26908e252176c78f.png)

把所有字体修改为 Roboto 了。

 ![2024-08-13_15-38-51](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/b/b1a8a6f79ffdd92decd68651ed15b51067410867.png)

不知道有没有明显感觉到修改呢？

好像我没有怎么看出来。

---

<div class="post-metadata">

**Author:** ![VegaMonika](https://www.isharkfly.com/user_avatar/www.isharkfly.com/vegamonika/32/14424_2.png) [@VegaMonika](https://www.isharkfly.com/u/VegaMonika)\
**Post date:** [August 13, 2024, 10:09pm UTC](https://www.isharkfly.com/t/discourse/16135/4 "2024-08-13T22:09:38Z")

</div>

毕竟 Roboto 没有中文字库

---

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [August 14, 2024, 7:07pm UTC](https://www.isharkfly.com/t/discourse/16135/5 "2024-08-14T19:07:07Z")

</div>

> [@VegaMonika](#):
>
> Roboto 没有中文字库

中文字库还好感觉。

用这个字体主要还是为了英文能够好看一点。

---

<div class="post-metadata">

**Author:** ![VegaMonika](https://www.isharkfly.com/user_avatar/www.isharkfly.com/vegamonika/32/14424_2.png) [@VegaMonika](https://www.isharkfly.com/u/VegaMonika)\
**Post date:** [August 15, 2024, 10:54am UTC](https://www.isharkfly.com/t/discourse/16135/6 "2024-08-15T10:54:26Z")

</div>

我发现一个恐怖的事情

 ![image](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/6/6b7ecbab73b7293d63ff1150ac8d747b339c50bb.png)

好像都没有带中文的字库

那么显示的字库是用的什么字体呢?

 ![image](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/e/e76926edc8fef8f2eb9904c974145cb32616bb92.png)

 ![image](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/b/b3d0439dbebac87732f775671239e576843bcc12.png)  
或许是谷歌网址问题

不太懂

---

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [August 15, 2024, 11:30am UTC](https://www.isharkfly.com/t/discourse/16135/7 "2024-08-15T11:30:19Z")

</div>

字体这块研究真不太多，大部分情况下都在用微软雅黑。

搜索了下，下面的这段话的出处为：[FontType/字体知识/中文字体应用指南.md at master · fan2/FontType · GitHub](https://github.com/fan2/FontType/blob/master/%E5%AD%97%E4%BD%93%E7%9F%A5%E8%AF%86/%E4%B8%AD%E6%96%87%E5%AD%97%E4%BD%93%E5%BA%94%E7%94%A8%E6%8C%87%E5%8D%97.md)

记住这个事实：绝大部分中文字体里包含英文字母（但是基本上都很丑），而_英文字体里不包含中文字符_。

在网页里中/英文混排是很常见的，你绝对不会喜欢用中文字体显示英文的效果，所以一定不要忘了 **先声明** 英文字体。

在操作系统中，现在的 Windows 或者 MacOS 应该基本上都会根据语言不同而设置。

我操作系统是英文操作系统，但显示中文没有问题。

 ![2024-08-15_07-28-40](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/5/56ec818f534dc417e3680f01e3cb24d0c977b12a.png)

首先是装了中文字库，在选择字体上，Unicode 字体是会用简体中文的字库显示。

浏览器的显示和操作系统还不一样。

如果浏览器没有指定字体的话，输入的字符就显示不出来。

比如说，上面的 Font-family 上面第一个是 Roboto，后面还跟着其他字体。

## Arial、Helvetica 支持中文吗

支持。

不过，Microsoft Office 和 Mac OS X 都自带的 Arial Unicode MS（它是 Arial 的一个 pan-Unicode 版本 [1]）支持汉字。

Arial Unicode MS 包含了蒙纳黑体的一部分，支持约两万个汉字（主要是 CJK Unified Ideographs），并且通过 OpenType 的 LOCL 特性为各地字形不同的汉字提供了字形变体。

但是歪七扭八的蒙纳黑体非常丑陋，不建议在任何情况下使用。

## 无衬线体

无衬线体（sans serif）专指西文中没有衬线的字体，与汉字字体中的黑体相对应。与衬线字体相反，该类字体通常是机械的和统一线条的，它们往往拥有相同的曲率笔直的线条，锐利的转角。

再来看看你 Google 找的这个字体，浏览器上只有这一个字体，没有用 font-family

 ![2024-08-15_07-35-26](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/4/4a0dfb5f9fe77a07750c06ba272d2a6ce7c3c40e.png)

这个也许是无法显示的原因吧。

现在网页部分的编码基本上都是 UTF-8，只要是国际化一点的站点，都会使用比较完善的编码处理方式来避免乱码。

---

<div class="post-metadata">

**Author:** ![Dummy](https://www.isharkfly.com/letter_avatar_proxy/v4/letter/d/7c8e57/32.png) [@Dummy](https://www.isharkfly.com/u/Dummy)\
**Post date:** [December 2, 2024, 7:36am UTC](https://www.isharkfly.com/t/discourse/16135/8 "2024-12-02T07:36:35Z")

</div>

> [@honeymoose](#):
>
> 要换字体的话应该是怎么换

自己新建一个组件，`@import`导入字体链接

```auto
:root {
    --font-family: 自己的字体,Open Sans, Arial, sans-serif !important;
}

```

---

<div class="post-metadata">

**Author:** ![luobo](https://www.isharkfly.com/user_avatar/www.isharkfly.com/luobo/32/15604_2.png) [@luobo](https://www.isharkfly.com/u/luobo)\
**Post date:** [December 2, 2024, 8:36am UTC](https://www.isharkfly.com/t/discourse/16135/9 "2024-12-02T08:36:07Z")

</div>

> [@VegaMonika](#):
>
> 显示的字库是用的什么字体呢

应该是系统自带的吧。