Fonts/Tutorial

Fonts: Tutorial

Font Changing
To change the font of text, you use a font tag. In order to change a font, you have to change the font face of the text. Hello! will do Hello! . To use any font, type text here.

There are only a few fonts that universally work (the font showing up correctly depends on what fonts are installed in one's computer), and those are Georgia, Rubik, Times New Roman, and a few others. If the font you've coded doesn't exist on someone's computer or the wiki, this default font will appear instead.

Because it is so hard to know which fonts to use so that everyone can see them, I've (Charlotte has) used CSS to import fonts that every computer can register. You can use any of these below in your pages here! Cinzel Decorative Playfair Display Grenze Quicksand Indie Flower Lobster Dancing Script Shadows Into Light Acme Amatic SC Turret Road Righteous Fascinate Inline Arima Madurai

Font Color Changing
To change the font color of text, you change the "color" in the font tag function. For example, this is pink does this is pink. Any color can replace pink in the tag to change the color. The font color can be anything that the computer recognizes, but it doesn't know all colors. The website htmlcolorcodes.com is recommended for custom colors. Unfortunately, the computer doesn't recognize "colour" as a command and therefore the American English version of the word is required to make it work.

Font Size Changing
To change the font size of the text, you edit the "size" in the font tag function. For example, this is big does this is big. Around 2.5 is the default font size, but with this function, someone couldn't change the font to be anything with a decimal. The font sizes are a faster, easier way of using big tags, but less precise. There are 7 font sizes, as listed below: This is font size 1. This is font size 2. This is font size 3. This is font size 4. This is font size 5. This is font size 6. This is font size 7.

Putting It All Together
If you want text that is the font turret road, blue, and font size 5, typing in  text   takes a really long time to code, right? It is suggested that only one font tag is used. Then, the coding is less cluttered and it's easier to see everything. These are all font tags, so you can put them in one tag, like so: <font face="turret road" color="blue" size=5>text. These can be in any order, too. Once the computer finishes the "face" command, it'll move on to the "color" command and then to the "size" command as it would with three separate tags. The "font" at the beginning tells the computer what types of commands the following are. A reminder that only tags of the same type (basically, the same starting word) can be combined.