I have a website with custom font that is stored locally on server, and is defined in CSS file:
@font-face {
font-family: 'quicksandlight';
src: url('/static/fonts… (閱讀更多)
I have a website with custom font that is stored locally on server, and is defined in CSS file:
@font-face {
font-family: 'quicksandlight';
src: url('/static/fonts/Quicksand-VariableFont_wght.ttf') format('truetype'),
url('/static/fonts/quicksand-variablefont_wght-webfont.woff2') format('woff2'),
url('/static/fonts/quicksand-variablefont_wght-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
Chrome is showing all letters in this font, and Edge and Firefox are showing most letters correct, but not B, D, T, P, R and X. What I know is that this is only happening on words that have "font-weight: bold" or "font_weight: 600", when it's set "font-weight: 400" all letters are renderd correctly.
This is bugging me af, and if somebody can help to fix this, without need to change to lower font-weight, I would appreciate it.