how to change your font?

[candycanearter07]

hi,

how do you change your font on here?

[Kalka]

I(ll reply to this as a neocities user but it should be the same even if you"re not using Neocities.

First you upload a font in your website files. Make sure you're respecting the rules of the font (some are limited or have royalties, etc)

I use "Open Sans" so I'll explain it using this but you can replace it with anything else really. Then I open the HTML file and put in <style></style>

Code

@font-face {
              font-family: OpenSans;
              src: url('https://yourfontadress/OpenSans-Regular.ttf');
              font-display: swap;
            }
            @font-face {
                font-family: OpenSans;
                src: url('https://yourfontadress/OpenSans-Bold.ttf');
                font-weight: bold;
                font-display: swap;
            }
            @font-face {
                font-family: OpenSans;
                src: url('https://yourfontadress/OpenSans-Italic.ttf');
                font-style: italic;
                font-display: swap;
            }
            @font-face {
                font-family: OpenSans;
                src: url('https://yourfontadress/OpenSans-BoldItalic.ttf');
                font-style: italic;
                font-weight: bold;
                font-display: swap;
            }

Be careful because you need to style "bold", "italic" and "blod + italic" if you use it !

[candycanearter07]

I(ll reply to this as a neocities user but it should be the same even if you"re not using Neocities.

First you upload a font in your website files. Make sure you're respecting the rules of the font (some are limited or have royalties, etc)

I use "Open Sans" so I'll explain it using this but you can replace it with anything else really. Then I open the HTML file and put in <style></style>

Code

@font-face {
              font-family: OpenSans;
              src: url('https://yourfontadress/OpenSans-Regular.ttf');
              font-display: swap;
            }
            @font-face {
                font-family: OpenSans;
                src: url('https://yourfontadress/OpenSans-Bold.ttf');
                font-weight: bold;
                font-display: swap;
            }
            @font-face {
                font-family: OpenSans;
                src: url('https://yourfontadress/OpenSans-Italic.ttf');
                font-style: italic;
                font-display: swap;
            }
            @font-face {
                font-family: OpenSans;
                src: url('https://yourfontadress/OpenSans-BoldItalic.ttf');
                font-style: italic;
                font-weight: bold;
                font-display: swap;
            }

Be careful because you need to style "bold", "italic" and "blod + italic" if you use it !

I meant on the forum

[Kalka]

Just here

[candycanearter07]

Just here

oh
is there any way to set it permanently

[Kalka]

I don't think so, no. Maybe a more epxerienced user can tell otherwise but I can't see how. Sorry.

[Melooon]

there any way to set it permanently

Yep, you go to Profile/Look & Layout and you can pick your default front at the bottom! (Remember to click Change Profile to save!)

[Kalka]

oh glob it works ! Thanks a lot Melon !!! I didn't knew this !