Font: eigen font gebruiken en font-size

google fonts

zie aanwijzingen voor het font Nunito
Het komt neer op:

plaats in de header (suffusion werkt beter met javascript; zoek die code op in 3e tabblad):
Plak het javascript op de juiste plaats
Plaats het lettertype in je stijlbestand:

h1 { font-family: ‘Metrophobic’, Arial, serif; font-weight: 400; }
[collapse]
een gedownloade font gebruiken

Gebruikt op http://www.atlaslevenseinde-uitvaart.nl/

Gratis downloaden op:
http://www.fontemple.com/downloads.php
http://www.fontyukle.net/en/

Zet het .tiff bestand bijvoorbeeld in de map van het child theme, submap fonts.
Roep het aan in css met:

   @font-face {   font-family: Adler;   src: local('Adler'),   url("http://www.atlaslevenseinde-uitvaart.nl/fv/wp-content/themes/suffusion-atlas/fonts/Adler.ttf") format('truetype');   font-weight: normal;   }  #atlas {font-family:Adler, "Courier New", Tahoma, sans-serif; color:red; text-align:center;   font-size:52px;padding-top:25px; padding-bottom:15px }  #hum {line-height: 1.1em;font-family:Adler, "Courier New", Tahoma, sans-serif;   color:#fff; text-align:center; width:100%;   font-size:34px; }  #maat {line-height: 2em; font-family:Adler, "Courier New", Tahoma, sans-serif;   color:#4242a6; color:#95CEE1; text-align:center;   font-size:19px; }    
  @font-face {   font-family: Lucida Handwriting Italic;   src: local('Lucida Handwriting Italic'),   url("http://www.lauraandiwein.eu/lauei/wp-content/themes/suffusion-child/fonts/Lucida Handwriting Italic.TTF") format('truetype');   font-weight: normal; }    #savethedate {font-family: "Lucida Handwriting Italic", "Courier New", Tahoma, sans-serif, cursive; color:#000; text-align:center;  border-width:5px; border-color:#cecece;  border-style:groove;  }  

– Voor gewone tekst Lucida: Suffusion kent hem niet:

 body, p, li, code, .menu li a {font-family:"Lucida Sans Unicode", Tahoma, sans-serif!important;}  body .page {color: #444;font-style:normal; font-variant:normal;  font-weight:normal; font-size:62.5%;  font-family:"Lucida Sans Unicode", Tahoma, sans-serif!important;  }
[collapse]
font size: gebruik rem

http://www.digitalfamily.com/faq/should-i-use-pixel-pica-em-or-ex-to-set-the-size-when-i-create-styles-with-css/

  body {  font-size: 62.5%; }    p {  font-size: 1.4rem; }    h1  {  font-size: 2.4rem; }    

Nog beter: hiermee houd je rekening et oudere browsers:

html {font-size: 62.5%; /* 10px browser default */}
p { font-size: 16px;
font-size: 1.6rem;}

[collapse]