Corrigindo a renderização funky @ font-face no webkit
Basta adicionar esta linha de CSS à tag do corpo: body { -webkit-font-smoothing: antialiased;}
Continuar lendoEtiqueta: typography
Prototipagem flexível usando contenteditable
Ao adicionar contenteditable = “true” a qualquer elemento contendo texto, você pode manipular diretamente a cópia de uma página no navegador. Isso significa que você pode adicionar / remover para …
Continuar lendoSobrescreva seus números ordinais (2º, 3º, etc.) nos metadados de postagem do WordPress
Aqui temos um exemplo de metadados de postagem do WordPress que usa um número ordinal para a data. Neste caso, 2 de novembro (que é a parte ordinal) de 2012. …
Continuar lendoEspaçamento de letras CSS
Divida o valor de rastreamento do Photoshop / Fireworks / Illustrator por 1000 para obter o valor em para css. Ex. se o rastreamento for 600 em PS, definaletter-spacing: .6em;
Continuar lendoPasso a passo da grade responsiva DIY
Primeiro abra a Calculadora Como? Primeiro, você decide o tamanho da fonte. vamos usar 15px Em seguida, decida uma altura de linha que se ajusta a você 18 px em …
Continuar lendoThe DIY Responsive Grid
Aqui também há um Passo a Passo sobre como usar o sistema de grade O DIY Responsive Grid é uma solução sem estrutura para construir grades de design responsivo robustas …
Continuar lendoTipografia responsiva facilitada
Editar 20 de julho de 2015: Se você quiser que sua tipografia seja dimensionada de maneira diferente (por exemplo: seus títulos e parágrafos não precisam apenas ser dimensionados em 20% …
Continuar lendoUse CSS DRY apenas para estilos de tipografia
Uma boa postagem no blog sobre o princípio do CSS DRY . E um artigo da Wikipedia sobre tipografia . Ok, então não estou convencido de usar CSS DRY para …
Continuar lendoBaixe o Google Fonts para Faster Load Times
Qualquer pessoa que já tenha usado o Google Fonts sabe que usar o serviço pode aumentar muito o tempo de carregamento do seu projeto. Mas, baixando a fonte para ter …
Continuar lendoFontes comuns para Windows e Mac
Aqui está uma lista útil de pilhas de fontes para navegadores Windows e Mac ..! Arial, Helvetica, Sans-Serif Arial Black, Gadget, Sans-Serif Comic Sans MS, Têxtil, Cursivo Courier New, Courier, …
Continuar lendoSucinto: Um pequeno plugin jQuery para truncar várias linhas de texto
Sucinto encurta seu texto para um tamanho especificado e adiciona reticências ao final. Simples e direto ao ponto. Demonstração ao vivo: http://micjamking.github.io/succinct/ Uso Especifique os elementos que você gostaria de …
Continuar lendoComo usar pontuação tipográfica correta no Windows
Depois de ler este bom artigo sobre como usar e digitar a pontuação “correta” no Mac OS, pensei em compartilhar como digitá-los no Windows – inclusive em laptops sem um …
Continuar lendoSolte a Helvetica & Arial em sua pilha de família de fontes ..!
Outro dia descobri uma coisa legal que você não precisa usar font-family: Helvetica, Arial, Sans-Serif; em vez disso, tudo que você precisa fazer é ter font-family: Sans-Serif; e todos os …
Continuar lendo(R) evolução da unidade ’em’: rem
A unidade em é um dos pilares dos layouts elásticos. Seu valor é definido pelo tamanho da fonte do elemento em que você está trabalhando (ou seu elemento pai), portanto, …
Continuar lendoCorrigir renderização de fonte deficiente no Chrome no Windows
Por alguma razão estranha, a renderização de fontes no Chrome no Windows é um pouco mais pobre do que a renderização de fontes no Firefox ou IE no Windows 7 …
Continuar lendo