Silver Muru > Blog > 2015

Aasta: 2015

Font-face ja Safari probleem

Font-face ja Safari probleem – font-face kasutamine nii, et see töötaks ka Safari uuemates ja vanemates versioonides

Esmalt fondi deklareerimine:

CSS
7 lines
1
2
3
4
5
6
7
@font-face {
    font-family: 'Futura';
    src: url(fonts/FuturaMdCn-Italic.eot);
    src: url(fonts/FuturaMdCn-Italic.eot?#iefix) format('embedded-opentype'), url(fonts/FuturaMdCn-Italic.woff) format('woff'), url(fonts/FuturaMdCn-Italic.ttf) format('truetype'), url(fonts/FuturaMdCn-Italic.svg#Futura) format('svg');
    font-weight: normal;
    font-style: normal
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

 formaat peaks olema jutumärkides, et see töötaks ülejäänud browserites

Ning igalpool kus fond deklareeritakse kasutada seda nii:

CSS
6 lines
1
2
3
4
5
6
 #main-nav li a {
  font-family: 'Futura';
  font-size: 20px;
  color: #ffffff;
  font-weight: normal !important;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Kõige olulisem rida font-weight koos !important määranguga

Font-face ja Safari probleem