How to import fonts for IOS, Safari Browser, and more?

Asked

Viewed 21 times

0

I have a problem, I believe it is compatibility. Using these formats and this means of importing works in several browsers. Windows works on all. However, it doesn’t work on Android, Brave, IOS and Chrome. Is there any other import medium or other format that I have not included?

@font-face {
   font-family: MyriadPro-BoldCond;
   src: url('../fontes/MyriadPro-BoldCond.otf');
   src: url('../fontes/MyriadPro-BoldCond.eot?#iefix') format('embedded-opentype'),
        url('../fontes/MyriadPro-BoldCond.woff2') format('woff2'),
        url('../fontes/MyriadPro-BoldCond.woff') format('woff'),
        url('../fontes/MyriadPro-BoldCond.ttf') format('truetype'),
        url('../fontes/MyriadPro-BoldCond.svg') format('svg');
}

  • Tries to put the font-family name in quotation marks, and also import the Fonta type @import url('../fontes/MyriadPro-BoldCond.otf'); before @font-face just to test, I don’t know if it will solve...

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.