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;
}
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
Post a Comment