🎨 Colors & Fonts
When designing your website with the provided kit, you chose a color scheme and a few fonts you liked. Use the charts below to help add those to your website!
Colors
So far, we’ve only used names for colors, like red or blue. However, you can also use hex codes to add any color you want! Instead of typing something like color: red; try something like color: #FF0000;
Fonts:
To add these special fonts to your website, first copy and paste this code into the <head>:
<link href="https://fonts.googleapis.com/css2?PUT_YOUR_FONTS_HERE&display=swap" rel="stylesheet">
In this code, where it says PUT_YOUR_FONTS_HERE, you’ll copy and paste each of the font codes you want from the list below, separated by & symbols.
- Comic Sans:
family=Comic+Neue - Indie Flower:
family=Indie+Flower - Lobster:
family=Lobster - Special Elite:
family=Special+Elite - Comfortaa:
family=Comfortaa - Raleway:
family=Raleway - Times New Roman:
family=PT+Serif - Roboto:
family=Roboto - Pacifico:
family=Pacifico
For example, if you want to use Indie Flower and Roboto, you would replace PUT_YOUR_FONTS_HERE with family=Indie+Flower&family=Roboto.
Then, the new code would look like this: <link href="https://fonts.googleapis.com/css2?family=Indie+Flower&family=Roboto&display=swap" rel="stylesheet">.