html - Custom Font not displaying in my webpage -
i have particular set fonts want implement on web application building class project. right now, have hosted on github via github pages. index page uses 4 css files, 1 animate.css, general css file whole application, bootstrap's css file, , css file it.
on general web app css file, named custom.css, have following code:
@charset "iso-8859-1"; @type-face { font-family: futurastd-heavyoblique; src: url('fonts/futurastd-heavyoblique.otf'); } @ type-face { font-family: couture bold; src: url('fonts/couture-bold.ttf'); } .body { background-color: black; color: white; height: 100%; }
and here index.css file:
body { background-image: url('../images/flyknit.jpg'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; -webkit-background-size: cover; } .indextitle { font-family: futurastd-heavyoblique; text-align: center; } h1 { font-size: 500%; } .buttonbox { margin-top: 150px; text-align: center; font-family: futurastd-heavyoblique; } #bbtext { text-align: center; } { color: white }
at first, fonts running fine on computer, because have them installed. if run page through github, font not show up. , recently, font won't run own computer. did wrong? appreciated.
how try in fonts.css
@font-face { font-family: 'futurastd-heavyoblique'; src: url('fonts/futurastd-heavyoblique.otf'); }
call with
font-family: 'futurastd-heavyoblique';
not sure if quotation marks matter, believe @type-face
should @font-face
Comments
Post a Comment