How Do I Change The Font of A Heading To A Font In The Same Folder As The HTML doc In HTML?

Question

Trying to figure this out, little confusing to me.

Tried " <h1> <strong> <font-size 16> <style="font-family":"The Californication"> "Morgan & Conrad Realty.ttf" </h1>"

Answer 1

adding local fonts:
https://stackoverflow.com/questions/30020488/adding-local-ttf-fonts-using-font-face-in-css

But doing that is not portable. Why not just use Google font?

Answer 2

You need to create the font faces so the browser can differ between diferent weights and styles of the same font. The syntax for declaring a font face is:

@font-face {
font-family: <the font name that you will call later }

src: <the url where the physical font file is stored>

font-style: <the style of your font, can be italic, normal or oblique>

font-weight: <the weight of the font file you are declaring>
}