Compass Face Mixin
Mixin de ajudante que gosto de usar em meus projetos. /* =Font Embed */@mixin face( $name, $src, $weight: normal, $style: normal, $eot: true ) { $eotFont: false !default; @if $eot …
Continuar lendoEtiqueta: font-face
Substituição de texto com @ font-face e base64
Estilizável, escalável, leve e sem esforço snippet de substituição de texto: my own logo é uma fonte de um único caractere compactada e depois codificada em base64, carregada via @ …
Continuar lendoCorrigindo a renderização funky @ font-face no webkit
Basta adicionar esta linha de CSS à tag do corpo: body { -webkit-font-smoothing: antialiased;}
Continuar lendoFont Face Generator
Recentemente, converti um projeto de Ruby Sass and Compass para libsass. O mixin Compass font-faceestava sendo usado para produzir as @font-faceregras. Já que não queria ter que escrever @font-faceregras individuais …
Continuar lendoHerança de fontes da web
Portanto, se você usar 2 ou mais fontes da web em seu projeto, verifique a herança correta. Por exemplo: @font-face {font-family: ‘AwesomeFont’; … bla bla syntax from fontsquirrel for example}@font-face …
Continuar lendoRenderização de fonte ruim no Chrome
Isso pode ser evitado colocando a fonte .svg logo após .eot (para não bagunçarmos no IE). Bem assim: @font-face { font-family: ‘MyFont’; src: url(‘../fonts/myfont.eot’); src: url(‘../fonts/myfont.eot?#iefix’) format(’embedded-opentype’), url(‘../fonts/myfont.svg#thesansplain’) format(‘svg’), url(‘../fonts/myfont.woff’) …
Continuar lendoAbsurdly Abstract @ font-face mixin
Fontes de marca são uma dor Precisamos levar em consideração os pesos das fontes. Nem todas as fontes têm todos os pesos, por isso precisamos de uma maneira limpa de …
Continuar lendoVeiculação da fonte do ícone @ font-face em vários domínios
Acontece que, se você quiser servir arquivos de fonte em domínios, um ajuste de cabeçalho precisa ser definido no domínio que hospeda a fonte. Por exemplo, eu tenho uma fonte …
Continuar lendo