Morfynnon Home

Importing a Font

Today I figured out how to add a font to my neocities page!!!

  1. I started by finding a font I liked on CDN Fonts, then downloaded the font family using the yellow "Download" button.
  2. Then I copied the .otf (works for .ttf also) file to my computer from the downloded zip.
  3. After I downloaded the .otf file, I uploaded it to Font Squirrel's webfont generator and downloaded a zip of the webfont kit (i picked optimal conversion and selected yes this font is legally eligible for web embedding, then pressed "download your kit").
  4. I uploaded the contents of the webkit to a folder i made for fonts on my neocities dashboard and renamed the .woff2 file to something more memorable (for the font I'm using rn the file name is /fonts/castlebegale.woff2) I'm not sure if the other files from the webkit are necessary to have uploaded but I kept them.
  5. To implement my font on my pages I added it to my style.css like so:
    
   @font-face { 
      font-family: begale;
      src: url(fonts/castlebegale.woff2);
     }
    p { 
      color: black; 
      font-family: begale, sans-serif;
      opacity: 1;
    }