Guide to Font Families & More (Sødalite)

Soda's Guide to Font Families and More

Welcome! Before we continue, let's clear something up first. You do not need to credit me for any of the font related stuff here. If you have any questions, contact me on my message wall!

## Types of Text

These include the types of text such as italic, bold, italic bold, strikethrough, underlined, big, and small text.

*Italic Text*

```
''Text''
```

**Bold Text**

```
'''Text'''
```

***Italic Bold Text***

```
'''''Text'''''
```

~~Strikethrough Text~~

```

Text

```

Underlined Text

```
<u>Text</u>
```

Superscript Text

```
<sup>Text</sup>
```

Subscript Text

```
<sub>Text</sub>
```

Big Text

```
<big>Text</big>
```

Small Text

```
<small>Text</small>
```

## Font Size

Applying the font size to your text is probably one of the easiest things here. All you have to do, is copy and paste the following code,

```
<font size=5>Text</font>
```

and replace whatever number you want in where the "5" is.
Example, 1, 2, 5, 7 etc. The maximum is 7.

## Font Colors

For font colors, I usually like to categorize them into two groups. The first group, called "default" colors. These colors are the ones you can use just by typing out their names, such as "red" or "blue".
The second group, called "hex code" colors.

Every color you see here on the wiki has a hex code, it's just that for the "default" colors, you don't need to write their hex code. You may be asking, what is a hex code?
A hex code is a color consisting of 6 numbers or letters. Example,

```
#1A1A1A
```

They stand for a certain color, on the color scale. To get your hex codes, just search up "color hex code picker" and you'll probably get a couple of links. Here are a couple of decent ones!

HTML Color Codes

W3Schools Color Picker

Color-Hex

Hex Color Tool

WebFX Color Picker

To select your color, just drag the little dot on the color scale until you get the color(s) you want. Once you find it, copy and paste it onto your desired place. Now for the default colors!

Navy
Black
Olive
Purple
Fuchsia
Red
Silver
Gray
Teal
White
Maroon
Yellow

To change your font's color, simply apply your code or word into where it says "red" below.

```
<font color="red">Insert</font>
```

If you really dislike the idea of color hex codes, then a useful tool would be here. This website includes the names of a couple colors you might want on your fonts or codes. To put it in your font coloring code, simply copy and paste the name of the color and put it in where it says red up there ^^.

## Font Families

To apply your fonts to your text, simply copy and paste what's below.

```
<div style="font-family: timesnewroman">Text</div>

```

This one,

```
<font face="timesnewroman">Text</font>
```

Or this,

```
<span style=font-family:timesnewroman>Text</span>
```

Or this one! Any of these works.

If you don't like "times new roman" as your font, just insert one of the following fonts down below in where "times new roman" is.

GrantRusticOpti

Triforce

Digital Delivery Display

Mason Sans

Another Scream

Basic Comical Italic

Basic Comical Regular

Incolhua Regular

Incolhua Bold

Hardcore poster

Hackerchaos

Montserrat

Six caps

Dawning of a New Day

Old Standard TT

Pacifico

Daddy Rewind

Nefarious

Bullhawk

Trinyta

Monaco

CabinSketch

Marker Felt

Raleway

Mansalva

Abel

Alfa Slab One

Amatic SC

Anton

Arvo

Caveat

Chilanka

Cinzel

Concert one

Modak

Permanent Marker

Ravi Prakash

Zhi Mang Xing

Righteous

Deltarune

Crewniverse

F i r e f l y

Cute\*

Stella

Cookie

Cormorant garamond

Dancing Script

Great Vibes

Indie Flower

Josefin Sans

Kalam

Lobster

Merriweather Sans

Barriecito

Freckle face

Rye

Siara Stencil One

Shadows Into Light

Vollkorn SC

Moonbright

Bubblegum

Smythe Regular

## Examples

All font changers in one code below!

**Text**