html - Font is coming totally different in Chrome and Firefox -
hi using font , have generated webfont kit. on firefox , chrome font coming out totally differently not resmble @ all. have attached images how font looks like. suggestions on how it? solution appreciated in advance. using "petescriptregular" font.
this how using fonts in css file:
@font-face { font-family: 'myriadpro-regular'; src: url('/www/magenta/wp-content/themes/ecorecycle/fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'), url('/www/magenta/wp-content/themes/ecorecycle/fonts/myriadpro-regular.woff') format('woff'), url('/www/magenta/wp-content/themes/ecorecycle/fonts/myriadpro-regular.ttf') format('truetype'), url('/www/magenta/wp-content/themes/ecorecycle/fonts/myriadpro-regular.svg#myriadpro-regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'petescriptregular'; src: url('/www/magenta/wp-content/themes/ecorecycle/fonts/petescript-webfont.eot'); src: url('/www/magenta/wp-content/themes/ecorecycle/fonts/petescript-webfont.eot?#iefix') format('embedded-opentype'), url('/www/magenta/wp-content/themes/ecorecycle/fonts/petescript-webfont.woff2') format('woff2'), url('/www/magenta/wp-content/themes/ecorecycle/fonts/petescript-webfont.woff') format('woff'), url('/www/magenta/wp-content/themes/ecorecycle/fonts/petescript-webfont.ttf') format('truetype'), url('/www/magenta/wp-content/themes/ecorecycle/fonts/petescript-webfont.svg#petescriptregular') format('svg'); font-weight: normal; font-style: normal; }
firefox image:
chrome image:
you should use .otf format of font firefox , .otf ie convert font format site https://everythingfonts.com
Comments
Post a Comment