html - Using a specific font by @font-face -


my problem is, want use specific font type called (daniel) not supported google fonts, have used (@font-face) , worked home page other pages @ site not working , can not figure out reason! me please solve problem?

p.s problem shown @ mozilla firefox browser , mobile phones, google chrome going well!

@font-face { font-family: 'daniel'; src: url('daniel.eot'); src: url('daniel.eot?#iefix') format('embedded-opentype'),      url('daniel.woff') format('woff'),      url('daniel.ttf') format('truetype'),      url('daniel.svg#daniel') format('svg'); font-weight: normal; font-style: normal; 

}

and here the problem shown @ firefox console:enter image description here

download font file , place somewhere in project directory , use this:

@font-face {   font-family: 'steiner light';   font-style: normal;   font-weight: normal;   src: local('steiner light'), url('../fonts/steinerlight.woff') format('woff'); }  .body{    font-family: 'steiner light' !important;   font-size: 20px !important;   font-weight: 900;   letter-spacing: 1px;   color: $orange;  } 

Comments

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

vue.js - Create hooks for automated testing -

Add new key value to json node in java -