CSS Programming ❯ Custom Fonts

<!DOCTYPE html> <html><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>

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