Qual a diferença entre as fontes Serif e Sans-Serif e quando uma deve ser usada uma sobre a outra?

Respostas:

24

Serif Vs Sans Serif

texto alternativo

(uma imagem fala mais que mil palavras) Leia a resposta de @ Calvin para explicação.

Atif Mohammed Ameenuddin
fonte
4
Ou mil bytes. (56400 + GIF_HEADER para ser mais preciso.)
Mateen Ulhaq
lol componentes gzip para uma redução substancial no tamanho: P
Atif Mohammed Ameenuddin
19

Serifas são as projeções geralmente perpendiculares encontradas nos terminais / terminais no tipo. Por exemplo, um "I" maiúsculo é geralmente renderizado com 2 barras transversais. Esses são serifas.

Sans-serif significa apenas "sem serifa". A definição de caracteres serif / sans-serif deve ser auto-explicativa.

Outro nome para serif é " romano "; da mesma forma, os tipos de letra sem serifa também podem ser referidos como grotesco / grotesk ou gótico .

Há também diferentes tipos de serif, como egyptienne -também conhecido como egípcios , mecanicistas , ou serif quadrados -versus serifas enquadradas .

Além disso, existem alguns tipos de letra com serifas que ainda são consideradas sem serifa. Bell Gothic é um exemplo disso. E, finalmente, alguns tipos de letra têm o que são chamados de pequenos serifa ( "pequenos serifa" ) ou semi-serifa .

Editar:
Como Charles Stewart observou em seu comentário, " romano " também é usado para se referir ao estilo de linha reta vertical (em oposição ao itálico ), que lembra o tipo esculpido romano clássico - do qual os serifas também são derivados. "Romano" (por si só) geralmente é a fonte base de um tipo de letra ou família de fontes, mas também pode haver um "negrito-romano", "preto-romano" e "romano- oblíquo ", inclinado em um ângulo, mas mantém as mesmas formas de glifo que a fonte base.

Calvin Huang
fonte
3
... ou semi-serifas.
e100
Roman não é sinônimo de serifa: geralmente se refere à fonte base em uma família de fontes completa, que é serifa, mas também não está em negrito e não está em itálico.
Charles Stewart
@Charles: Há 2 usos da palavra "roman" em tipografia, ver: desktoppub.about.com/cs/basic/g/roman.htm en.wikipedia.org/wiki/Roman_type
Calvin Huang
@Calvin: Eu sei, acho que é usado como sinônimo de pessoas que não se preocupam em distinguir fontes de famílias de fontes. Comentei porque acho que "Outro nome para serif é 'romano'" é um pouco enganador: melhor seria "Serif às vezes é chamado de 'romano'".
Charles Stewart
1
Como mencionei em graphicdesign.stackexchange.com/questions/37501/…, existem algumas fontes que não têm serifa, mas possuem traços de largura variável de maneira semelhante a "Times Roman", e outras que possuem larguras de traçado relativamente uniformes, mas possuem serifas. A resposta a essa pergunta sugeria "romano" como um termo para distinguir o primeiro do segundo; Eu posso vê-lo sendo usado como um termo para descrever um tipo comum de tipo de letra com serifa, mas dificilmente o vejo como sinônimo de "serifa".
Supercat
12

As respostas de atif089 e Calvin Huang ilustram muito bem as principais diferenças.

Para o uso, minha regra geral é:

  • Serifas para leitura horizontal intensiva . Serifas ajudam o olho a permanecer na linha durante a leitura e, portanto, podem tornar a leitura mais rápida e fácil.
  • Sans-serifs para digitalização intensiva vertical . Sem os serifas, é mais fácil pular de uma linha para outra e procurar caracteres / palavras específicos. Caracteres distintos são mais reconhecíveis porque têm menos em comum (ou seja, sem serifas).

Estou incitado e essas são generalizações grosseiras e as regras às vezes são boas de serem quebradas. Veja também um bom artigo sobre combinações de tipos na Revista Smashing , que ilustra como e quando misturar esses dois (sem serifa para títulos e serifa para corpo é um exemplo clássico).

Jari Keinänen
fonte
1
O que você acha dos tipos de letra sem serifa que usam larguras de traçado variáveis? Esse é o meu tipo de rosto favorito, já que acho que as larguras de traçado variáveis ​​em tipos de letra como Times New Roman contribuem muito mais para sua legibilidade do que a maioria das serifas.
Supercat
4

O que eles são já foi explicado. Eu gosto de usar fontes serif para um design mais clássico / tradicional e sem para designs mais modernos / contemporâneos. Naturalmente, essa não é uma regra rígida.

squillman
fonte
3

Para impressão, nos EUA, a cópia do corpo é geralmente definida como serif, enquanto na Europa é definida como sem serifa, e os leitores das várias regiões são treinados para isso.

Lauren-Reinstate-Monica-Ipsum
fonte
4
Saudações da Finlândia (Europa). Sua resposta me fez checar os diferentes jornais e revistas da casa. Resultado: todos, exceto os quadrinhos, tinham uma cópia do corpo com serifa. Não sei como é indicado na citação de sua referência ( Tipografia 101C: O papel da escolha do tipo de letra para tornar o texto legível ), mas está desatualizado, generalização muito vaga ou simplesmente errada. Também o Wikipedia Sandbox como referência parece dúbio na melhor das hipóteses.
Jari Keinänen
Vou ficar corrigido, então. Lembro-me de ler sobre esse fenômeno anos atrás, mas poderia ter sido a mesma citação feita pela Wikipedia.
Lauren-Reinstate-Monica-Ipsum
3

Uso, comum (na web) é serif para títulos e sans-serif para o corpo do texto.

Wrzlprmft
fonte
1

Participei de um workshop há muitos anos, no qual eles citaram pesquisas que mostraram que, quando as pessoas lêem fontes Serif impressas em papel, elas lêem mais rápido, com melhor compreensão do que lendo Sans-Serif.

Eles disseram que a pesquisa mostrou exatamente o oposto verdadeiro quando lidos em uma tela ... Em uma tela, as pessoas leem mais rapidamente e com melhor compreensão ao ler Sans-Serif .

Agora que a resolução dos monitores melhorou drasticamente, a diferença pode não ser tão drástica na tela, mas eu ainda sigo essa diretriz, a menos que tenha motivos convincentes para ignorá-la.

Susan
fonte
1
Pena que você não pode fazer referência a essa pesquisa.
Scott Scott
Exatamente. Todo mundo diz a mesma porcaria, mas ninguém tem um único estudo para apoiar nada disso. Fatos / pesquisa, por favor.
Corysimmons 7/03/16
-2

Sans-serif significa apenas "sem serifa". A definição de caracteres serif / sans-serif deve ser auto-explicativa. Sans-serifs para digitalização intensiva vertical. Sem os serifas, é mais fácil pular de uma linha para outra e procurar caracteres / palavras específicos. Caracteres distintos são mais reconhecíveis porque têm menos em comum (ou seja, sem serifas). Estou incitado e essas são generalizações grosseiras e as regras às vezes são boas de serem quebradas. Veja também um bom artigo sobre combinações de tipos na Revista Smashing, que ilustra como e quando misturar esses dois (sem serifa para títulos e serifa para corpo é um exemplo clássico

ashamcmurdie
fonte
1
oi ashamcmurdie, você tem um link para esse artigo?
Vincent
"tipos de letra sans-serif devem ser auto-explicativos" Então, você está assumindo que alguns perguntam especificamente qual é a diferença e considera "auto-explicativo"? Desculpe, explicação horrível. Assume que o usuário já sabe a resposta quando claramente não.
Scott