I have very strange problem about @font-face
font Proxima Nova Bold (Polish letters) which I bought in shop. I tested it on different browsers and systems and my two friends which has got Firefox and Windows 7 has got missing letters.
I found solution with disabling ligatures, but it doesn't work because we can see that there are single letters missing, for example T, A or 3. Example:
Can it be technical problem with font, should I ask fontspring? Or can I repair it by CSS? It is quite difficult to test because I don't have access to computers which has got that situation and not every Firefox on Windows 7 has got that bug. This is problem with font because when we changed in inspector to Arial everything was good.
It can be not connected but the same person who has got missing letters on firefox has got all letters missing on Chrome 37 with Direct Write enabled. When we disabled Direct Write letters were shown.
This is how I load it in CSS:
@font-face {
font-family: 'ProximaNova-Bold';
src: url('assets/fonts/ProximaNova-Bold-webfont.eot');
src: url('assets/fonts/ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/ProximaNova-Bold-webfont.woff') format('woff'),
url('assets/fonts/ProximaNova-Bold-webfont.ttf') format('truetype'),
url('assets/fonts/ProximaNova-Bold-webfont.svg#proxima_nova_rgbold') format('svg');
font-weight: normal;
font-style: normal;
}