Silver Muru > Blog > 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:

@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
}

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

Ning igalpool kus fond deklareeritakse kasutada seda nii:

 #main-nav li a {
  font-family: 'Futura';
  font-size: 20px;
  color: #ffffff;
  font-weight: normal !important;
}

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

Font-face ja Safari probleem