Eu tenho três tipo de fonte -Gotham-negrito, Gotham-médio, Gotham-fino, então eu preciso usar três vezes @ font-face?
Na verdade eu tenho três arquivos na pasta de fontes. Esses sãoGotham-Bold.ttf
, Gotham-Medium.ttf
, Gotham-Thin.ttf
..... Então eu preciso usar o@font-face
três vezes para esses três tipos. Por favor, alguém me ajude.
Eu tenho usado atualmente o código como o seguinte:
@font-face {
font-family: 'Gotham';
src: url('fonts/Gotham-Bold.eot'); /* IE9 Compat Modes */
src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/Gotham-Bold.woff') format('woff'), /* Modern Browsers */
url('fonts/Gotham-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/Gotham-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url("/fonts/Gotham-Bold.eot");
}
@font-face {
font-family: 'Gotham';
src: url("/fonts/Gotham-Bold.woff") format("woff");
}
Obrigado.