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

Popular posts from this blog

javascript - jQuery: Add class depending on URL in the best way -

caching - How to check if a url path exists in the service worker cache -

Redirect to a HTTPS version using .htaccess -