У меня проблема с #Fontface через MyFonts для ProximaNova ... Только в firefox и для некоторых весов.Font-Face Issue в Firefox
Как вы можете видеть на скриншоте мои шрифты не загружаются в firefox, но у них нет проблем в Safari и в Chrome. Я также заметил, что на другой странице, где у меня несколько весов, какая-то работа, другие нет. Я не изменял созданный для меня шрифт css-файла, а затем добавлял font-weight/style в нормальное состояние.
@font-face {font-family: 'ProximaNovaS-Extrabld';src: url('../webfonts/278301_2_0.eot');src: url('../webfonts/278301_2_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/278301_2_0.woff') format('woff'),url('../webfonts/278301_2_0.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'ProximaNovaS-Semibold';src: url('../webfonts/278301_6_0.eot');src: url('../webfonts/278301_6_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/278301_6_0.woff') format('woff'),url('../webfonts/278301_6_0.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'ProximaNova-Extrabld';src: url('../webfonts/278301_F_0.eot');src: url('../webfonts/278301_F_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/278301_F_0.woff') format('woff'),url('../webfonts/278301_F_0.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'ProximaNova-Regular';src: url('../webfonts/278301_13_0.eot');src: url('../webfonts/278301_13_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/278301_13_0.woff') format('woff'),url('../webfonts/278301_13_0.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'ProximaNova-Bold';src: url('../webfonts/278301_14_0.eot');src: url('../webfonts/278301_14_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/278301_14_0.woff') format('woff'),url('../webfonts/278301_14_0.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'ProximaNovaS-Bold';src: url('../webfonts/278301_7_0.eot');src: url('../webfonts/278301_7_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/278301_7_0.woff') format('woff'),url('../webfonts/278301_7_0.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'ProximaNova-Semibold';src: url('../webfonts/278301_12_0.eot');src: url('../webfonts/278301_12_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/278301_12_0.woff') format('woff'),url('../webfonts/278301_12_0.ttf') format('truetype'); font-weight: normal; font-style: normal; }
Вот образец большего стиля текста
h1 { color: #ff6500; display: inline; font-family: 'ProximaNova-Semibold'; font-size: 34pt; letter-spacing: 1px; line-height: 42pt; text-align: left; text-transform: uppercase; }
Я пытался сделать некоторые тесты ... насколько положить ту же разметку и стиль рабочих весов (в светлячок) на той же странице, что и на снимке экрана, который затем не работает. Поэтому я в тупике.
Благодарим за помощь.
---------- Update -----------
кажется, по большей части Firefox отображает шрифты правильно. Однако, как вы можете видеть в верхнем окне (firefox) текст, отличный от нижнего (Safari), это действительно сильно меняет ... http://postimg.org/image/vftkepyw1/
Прежде, чем вы начнете копать, я бы просто очистил кеш в firefox. Когда я реализовал новый, я помнил старые шрифты. Ctrl + F5 в окнах или здесь полностью очищен. https://support.mozilla.org/en-US/kb/how-clear-firefox-cache – Obsidian
Благодарим вас за ваш вклад/совет. Я уже пробовал это, не повезло. Попробовал снова, чтобы быть уверенным, к сожалению, с теми же результатами. – robinwkurtz
Очень трудно диагностировать эту проблему без образцов. Попробуйте опубликовать демо на jsfiddle, чтобы мы могли помочь. – Obsidian