ameliagarvin / aloha

Aloha
https://ameliagarvin.github.io/aloha/
0 stars 0 forks source link

⚠️ Fix Google Font Script Tags #1

Open rcass opened 6 years ago

rcass commented 6 years ago

This is the incorrect way to import in the google fonts in the head

<style>
      @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700');
      </style>
  <style>
      @import url('https://fonts.googleapis.com/css?family=Raleway:300,500');
</style>

For this project we are using @font-face (there are multiple ways but the project requirements are calling for this method, yay practice)

So please refer to the fonts lesson for more details if you need. Basically you need to put the fonts through a web font generator. It will provide you some demo @font-face css, then you need to copy and modify this css.

You are modifying the CSS to prevent faux bolding. (See resources in the fonts lesson)

rcass commented 6 years ago

Fonts wont work if they are in a zip file. You will have expand the zip file.

Note: There are usually extra files within the zip files, so just delete any extra files like demo files once you are done with them.