Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá gostaria de saber o que estou fazendo de errado no código abaixo... no meu local não fica com as fontes do ubuntu.
<div class="categoria-celula">
Móveis
</div>E no meu CSS coloquei o seguinte:
<style type="text/css">
@font-face {
font-family: myFirstFont;
src: url([http://www.megaself.com.br/wp-content/fonts/Ubuntu-L.ttf);](http://www.megaself.com.br/wp-content/fonts/Ubuntu-L.ttf);)
}
.categoria-celula{
width: 800px;
height: 30px;
background-color: #47B248;
color: #fff;
font-family: 'myFirstFont, Lucia';
font-size: 26px;
}O font-family que você fornece no @font-face deve ser o mesmo utilizado nas classes, ou seja:
@font-face {
font-family: myFirstFont;
src: url('http://www.megaself..../Ubuntu-L.ttf');
}
.categoria-celula {
font-family: myFirstFont;
}Dependendo do tipo de fonte e da quantidade de arquivos que ela possui, é interessante usar os parâmetros serif ou sans-serif (entre outros) anteriormente com o nome do font-family entre aspas ou apóstrofos.
As aspas no font family você fecha logo depois do nome da fonte:
Antes:
font-family: 'myFirstFont, Lucia';
Como deve ficar:
font-family: 'myFirstFont', Lucia;