CSS Programming ❯ Custom Fonts

<!DOCTYPE html> <html lang="en"><head> <meta charset="utf-8"> <title>Custom Fonts</title> <style> @font-face{font-family:Frozen; src:url('fonts/frozen.ttf');} @font-face{font-family:Cowboy; src:url('fonts/cowboy.ttf');} @font-face{font-family:Collegiate; src:url('fonts/collegiate_italic.ttf'); font-style:italic;} @font-face{font-family:Collegiate; src:url('fonts/collegiate.ttf'); font-style:normal;} @import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap'); </style> </head> <body> This paragraph uses the Frozen custom font This paragraph uses the cowboy custom font This paragraph uses the normal Collegiate custom font This paragraph uses the italic Collegiate custom font This paragraph uses the Raleway Google custom font This paragraph uses the Special Elite Google custom font </body></html>

Hergestellt in Deutschland / Made in Germany

Custom Fonts

This paragraph uses the Frozen custom font

This paragraph uses the cowboy custom font

This paragraph uses the normal Collegiate custom font

This paragraph uses the italic Collegiate custom font

This paragraph uses the Raleway Google custom font

This paragraph uses the Special Elite Google custom font