It's okay to use multiple @font-face
rules in a site to define multiple custom fonts.
@font-face {
font-family: MyHelvetica;
src: local("Helvetica Neue Bold"),
local("HelveticaNeue-Bold"),
url(MgOpenModernaBold.ttf);
font-weight: bold;
}
src
local()
checks for a font on the user's own computer.url()
specifies a path to a font.- the
url()
can be either relative to the site or abosulte to anywhere - often we use them together with
url()
as a fallback.
font-family
- specifies the name that can be used in
font-family
CSS properties.