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...– hugocsl