# 如何在网站上更改字体

**URL:** <https://meta.discourse.org/t/how-to-change-font-on-my-site/107270>\
**Category:** Support\
**Created:** [2019年一月23日 11:07 UTC](https://meta.discourse.org/t/how-to-change-font-on-my-site/107270 "2019-01-23T11:07:35Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![MichelleBasey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/michellebasey/32/129433_2.png) [@MichelleBasey](https://meta.discourse.org/u/MichelleBasey)\
**Post date:** [2019年一月23日 11:07 UTC](https://meta.discourse.org/t/how-to-change-font-on-my-site/107270/1 "2019-01-23T11:07:36Z")

</div>

> 📢 **Update 01/2019** The obsolete [guide referred to in this post](https://meta.discourse.org/t/how-to-change-default-font-of-your-site/21282) has been updated and is fully functional 📢

Continuing the discussion from [How to change default font](https://meta.discourse.org/t/how-to-change-default-font/21282/2):

1. Per instructions for the admin panel - I’m not finding any CSS or HTML or font settings that seem to be related to the default font.

Is there still a setting for it?

1. Also - what was the default font that was being used prior to the most recent update?

I’d like to switch back to it if possible.  
I was super happy with that one.  
(This new wider feels stretched out and weird.)

1. And I’m noticing different browsers are doing different sizings with it. (it was consistent before).  
So if there’s a setting for that, please direct me there as well.

(Opera Win, Firefox Unix, Firefox Win, Chromium Unix)

thanks so much!

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2019年一月23日 11:10 UTC](https://meta.discourse.org/t/how-to-change-font-on-my-site/107270/2 "2019-01-23T11:10:58Z")

</div>

We should fix the linked topic by editing it to be up to date and deleting old / irrelevant posts @dax.

---

<div class="post-metadata">

**Author:** ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)\
**Post date:** [2019年一月23日 11:41 UTC](https://meta.discourse.org/t/how-to-change-font-on-my-site/107270/3 "2019-01-23T11:41:35Z")

</div>

Before answering your questions, I’ll let you know that we’ve just introduced a new setting on the user profile called `Text Size`. Each user from now on will be able to enlarge or reduce the character of the site as prefer. See your for example your profile [https://meta.discourse.org/u/MichelleBasey/preferences/interface](https://meta.discourse.org/u/MichelleBasey/preferences/interface)

> [@MichelleBasey](#):
>
> Per instructions for the admin panel - I’m not finding any CSS or HTML or font settings that seem to be related to the default font.

We have made a lot of changes since 2014 … Now you have to choose “where” you want to make changes, only on Desktop, only on Mobile or in Common(both Desktop and Mobile) and then choose what to change, in your case the CSS tab to change the size of the font. If you need to change the font itself you can still use the `@import url();` and the `link rel="stylesheet" href="#">` mode, but it is easier to upload the font directly in the site assets following this guide [Include assets (e.g. images, fonts) in themes and components](https://meta.discourse.org/t/include-images-and-fonts-in-themes/62459).

> [@MichelleBasey](#):
>
> Also - what was the default font that was being used prior to the most recent update?

The font is always the same, Helvetica (Arial,sans-serif). We only bump up the size 1px.

> [@MichelleBasey](#):
>
> And I’m noticing different browsers are doing different sizings with it. (it was consistent before).  
> So if there’s a setting for that, please direct me there as well.

This depends on the different browsers not by us, each browser is set differently, you should visit the various settings of each browser to make the font the same size (at least).

---

<div class="post-metadata">

**Author:** ![MichelleBasey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/michellebasey/32/129433_2.png) [@MichelleBasey](https://meta.discourse.org/u/MichelleBasey)\
**Post date:** [2019年一月23日 22:38 UTC](https://meta.discourse.org/t/how-to-change-font-on-my-site/107270/5 "2019-01-23T22:38:47Z")

</div>

Hmmm, when I go to the Admin panel, and type “css” or “mobile” in the search, there aren’t any settings related fonts.

I’m a trial user aiming for the basic plan where all the smart kids take care of the backend and I’m free from @import’ing things, so I don’t know where or how any CSS edits would be taking place.

(I believe all of that is being done on your server and I’m just redirecting there with my website with no uber-geek power to tweak the actual CSS file.)

> [@dax](#):
>
> The font is always the same, Helvetica (Arial,sans-serif). We only bump up the size 1px.

Something changed with the latest update. I’ll play with the settings in my user profile and see if I simply need to adjust the new feature.

> [@dax](#):
>
> This depends on the different browsers not by us, each browser is set differently, you should visit the various settings of each browser to make the font the same size (at least).

Something changed with the latest update. My browser settings have been the same - the defaults that came with them (in regards to fonts.)

And since it’s 4 browsers across 2 operating systems, it was causing me to think there was something on the Discourse side that had shifted.

Thanks for your help and all the detailed data!

Sounds like it’s as simple as altering personal profiles.

---

<div class="post-metadata">

**Author:** ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)\
**Post date:** [2019年一月23日 22:44 UTC](https://meta.discourse.org/t/how-to-change-font-on-my-site/107270/6 "2019-01-23T22:44:07Z")

</div>

> [@MichelleBasey](#):
>
> no uber-geek power to tweak the actual CSS file

There isn’t a physical CSS file to edit, files are generated based on how you configure your site. Look at /admin/customize/themes - each theme CSS is modifiable there.

The 1px increase from 14px to 15px was to achieve parity with mobile. For certain screen resolutions and browsers it may impact how text is rendered, but I can assure you that the font itself did not change and hasn’t in many years.

---

<div class="post-metadata">

**Author:** ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)\
**Post date:** [2019年一月28日 13:47 UTC](https://meta.discourse.org/t/how-to-change-font-on-my-site/107270/7 "2019-01-28T13:47:03Z")

</div>

That original guide has been fixed and has been moved to the FAQ category

---

<div class="post-metadata">

**Author:** ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)\
**Post date:** [2020年四月2日 00:23 UTC](https://meta.discourse.org/t/how-to-change-font-on-my-site/107270/8 "2020-04-02T00:23:31Z")

</div>

我按照 [Change the default font on your site](https://meta.discourse.org/t/how-to-change-default-font-of-your-site/21282/2) 中的说明尝试了（同时使用了 CSS 和 HTML 方法），但发现只有在点击预览按钮时字体才会真正改变。这是在多次尝试和摸索之后才得出的结论。

这非常奇怪——难道只是我缺乏耐心吗？我不太容易在其他实例中测试，不过目前我们已经解决了这个问题，但我不希望其他人也经历同样的困扰。

---

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [2020年四月2日 01:37 UTC](https://meta.discourse.org/t/how-to-change-font-on-my-site/107270/9 "2020-04-02T01:37:40Z")

</div>

我们有一个主题组件，让更改字体变得非常简单。

> [@Google Fonts](https://meta.discourse.org/t/google-fonts-theme-component/143720?u=johani):
>
> discourse2Summary Google Fonts is a simple theme component that allows you to add a font from [Google Fonts](https://fonts.google.com/) without writing any CSS.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/google-fonts)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-google-font-component](https://github.com/discourse/discourse-google-font-component)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features This component allows you to set the main site font, and optionally …

---

<div class="post-metadata">

**Author:** ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)\
**Post date:** [2020年四月2日 02:31 UTC](https://meta.discourse.org/t/how-to-change-font-on-my-site/107270/10 "2020-04-02T02:31:20Z")

</div>

这太棒了，而且简单多了！！

你觉得是否应该修改常见问题解答（FAQ），以突出主题组件？

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2020年四月2日 04:33 UTC](https://meta.discourse.org/t/how-to-change-font-on-my-site/107270/11 "2020-04-02T04:33:32Z")

</div>

字体选择将成为设置向导的一部分。@neil 负责本版本中的此项工作，优先级为低至中等。目前还有其他一些任务排在前面。

---

<div class="post-metadata">

**Author:** ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)\
**Post date:** [2024年四月19日 00:24 UTC](https://meta.discourse.org/t/how-to-change-font-on-my-site/107270/12 "2024-04-19T00:24:03Z")

</div>



---

<div class="post-metadata">

**Author:** ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)\
**Post date:** [2024年四月19日 10:13 UTC](https://meta.discourse.org/t/how-to-change-font-on-my-site/107270/13 "2024-04-19T10:13:12Z")

</div>


