:loudspeaker: Update 01/2019 The obsolete guide referred to in this post has been updated and is fully functional :loudspeaker: Continuing the discussion from How to change default font: 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? 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.) 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!

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

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 [image] 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. [image] 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. [image] 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).

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.) [image] 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. [image] 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.

[image] 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.

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

I’ve tried this according to Change the default font on your site (with both the CSS and the HTML methods) but found that it would only actually change if I clicked on the preview button. This was after a lot of trial and error. This is most odd - is this just me and my lack of patience? I can’t test it in another instance easily, and I have sorted it for us now, but I don’t want anyone else to go through that frustration.

We have a theme component that makes changing fonts very easy. [image] Google Fonts Theme component discourse2 Summary Google Fonts is a simple theme component that allows you to add a font from Google Fonts without writing any CSS. eyeglasses Preview Preview on Discourse Theme Creator hammer_and_wrench Repository Link https://github.com/discourse/discourse-google-font-component open_book New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features This component allows you to set the main site font, and optionally …

That is brilliant and oh so much easier!! Do you think that the FAQ should be edited to highlight the Theme component?

How to change font on my site

Product Support

codinghorror (Jeff Atwood) April 2, 2020, 4:33am 11

Font choice is going to become part of the setup wizard. @neil has it on his plate for this release, low to medium priority. Some other things are in front of it at the moment.

Topic		Replies	Views
Change the default font on your site Site Management how-to , customization	0	20988	January 28, 2019
How can I change the global font size? Product Support	15	2004	May 4, 2023
Site default font changed from Arial to Serif after recent update Product Support	3	683	July 14, 2021
Font changed after updating Product Support	3	725	June 13, 2021
How to change the global font size? Product Support	4	765	February 22, 2023

How to change font on my site

Related topics