Estou fazendo um site utilizando o bootstrap e estava fazendo o código normalmente, meu cliente comprou a fonte Pluto Bold e a Condensed Light, e estou utilizando elas como webfonts.
O problema é que a fonte fica com o peso light no css, mas quando vou visualizar o site ela fica com um tipo de borda, que deixa ela mais espessa, mas quando o slide troca de slide ela fica normal (light).
Já tirei o text-decoration, já coloquei o font-weight como lighter, ou 100, mas não adiantou.
Esse é o código CSS das fontes no vídeo abaixo:
h1 {
font-family: PlutoBold;
font-size: 3.35em; /* 40pt */
text-transform: uppercase;
color: #f4c43d;
}
h2 {
font-family: PlutoBold;
font-size: 2.0em; /* 24pt */
}
h3 {
font-family: PlutoCondLight;
font-size: 1.5em; /* 18pt */
padding-bottom: 40px;
color: #fff;
}
p {
font-family: PlutoCondLight;
font-size: 1.33em; /* 16pt */
color: #fff;
}
E o código HTML:
<h1>Empresa</h1>
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ut molestie lacus, ut malesuada sapien. Integer nec tortor at ligula semper lobortis. Sed mattis lorem ligula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer rutrum urna viverra elit fermentum malesuada a sed mi. Sed viverra lobortis ex quis scelerisque. Sed pulvinar nibh eu purus pulvinar pellentesque. Maecenas et elit et odio accumsan fermentum quis in diam. Duis ultricies, elit sed pharetra congue, nisl elit luctus lacus, vitae vehicula nisl eros faucibus dui. Aliquam sollicitudin accumsan ullamcorper.</p>
Gravei um vídeo para visualizarem melhor o problema: aqui
@font-face
?<link rel="stylesheet" type="text/css" href="css/MyFontsWebfontsKit.css">