Como Personalizar Fontes em Squarespace
Quando você está escrevendo conteúdo para seu site, Squarespace permite estilizar palavras ou grupos de palavras individuais. No Editor de Estilo, no entanto, você não estilizar palavras individuais em seu site. Em vez disso, você estilo os elementos do texto que o seu site contém, como o título do site ou títulos post. Style Editor permite-lhe controlar a forma como estes elementos devem ser exibidos em todo o site.
Menu
Todos os modelos Squarespace é original, assim eles não exibir as mesmas opções de estilo. Portanto, as seguintes opções de estilo podem ou não estar disponível para os seus elementos tipografia:
Família de fontes: Alterar a fonte
Estilo de fonte: Tornar o texto negrito ou itálico
Tamanho da fonte: Alterar o tamanho do texto
Altura da linha: Alterar a altura de cada linha de texto
Texto de transformação: Alterar o caso (maiúsculas, minúsculas, maiúsculas)
decoração de texto: Sublinhado, overline, ou tachar o texto
espaçamento entre letras: Controlar a quantidade de espaço entre os caracteres individuais (conhecido como kerning)
Como escolher um tipo de letra a partir da lista (long)
Squarespace fornece acesso a uma longa lista de fontes de fontes da web do Google e Adobe Typekit. Para descobrir o que estão disponíveis fontes, clique em um elemento na seção Tipografia of Style Editor. Uma janela de fonte pop-up aparece. No topo da janela, você vê o tipo de letra utilizado para esse elemento. Para selecionar uma fonte, clique na fonte e, em seguida, clique em uma fonte na lista que aparece.
Felizmente, cada nome de fonte na lista é exibido nessa fonte, tornando a lista uma prévia do que as fontes se parecem. Mas para ver como todas as letras e números de olhar em uma determinada fonte, você deve selecioná-lo.
A lista de fontes permanece aberto, e o elemento selecionado no site é atualizado com a nova fonte. Se você não gosta do que vê, manter a seleção de fontes na lista até encontrar um que você gosta.
Escolhendo o tamanho certo
Definir o tamanho do seu texto é simples. Se você deseja que o texto para o elemento selecionado para ser maior ou menor, você só precisa ajustar o tamanho padrão em conformidade, o que pode ser feito em uma de duas maneiras:
Na janela da fonte do pop-up, passe o cursor sobre a opção Tamanho da fonte para revelar um controle deslizante que você pode arrastar para ajustar o tamanho da fonte. Como você arrastar o controle deslizante para a esquerda ou direita, valor numérico do tamanho da fonte é atualizado, eo texto em seu site muda.
Clique duas vezes o valor numérico do tamanho da fonte e digite um novo valor. Se você deseja definir o tamanho da fonte para um valor específico, digitando, é mais fácil de ajustar o valor com o cursor.
Alguns modelos irá exibir configurações de tamanho de fonte para elementos específicos nos tamanhos e Valores área de configurações de Estilo Editor.
Como decidir em negrito ou itálico
Algumas fontes têm uma configuração em negrito, ou uma configuração itálico, ou ambos. Outras fontes são projetadas com diferentes níveis de negrito ou itálico.
Se uma fonte que você selecionar tem um negrito ou itálico um cenário, ele aparecerá na janela de texto styling. Simplesmente clique na caixa de seleção ao lado de negrito ou itálico para definir o tipo de letra com esse estilo.
Se a fonte tem diferentes níveis de negrito, você verá uma outra opção no lugar de negrito e itálico chamado Style. A opção de Estilo tem uma lista pop-up de números, chamados pesos, que aumentaram em incrementos de 100. Quanto maior for o número, mais arrojado a fonte. Geralmente, um valor de 400 é considerado o mesmo como uma fonte regular.
Sintonia fina linha altura e espaçamento de letras
É sempre uma boa idéia para certificar-se de seu texto é espaçoso o suficiente para que os visitantes podem facilmente ler o seu site. Squarespace oferece-lhe um par de maneiras de fazer seu texto mais legível:
Altura da linha: O valor altura da linha é calculado em unidades em. Um em é igual ao valor do pixel do seu tamanho da fonte. Então, se o tamanho da fonte é de 12 pixels (px), definindo a altura da linha para 1em é igual a uma altura de linha de 12px e ajustando a altura da linha para 2em é igual a uma altura de linha de 24px. O que 1.5em igual, se o tamanho da fonte ainda estavam 12px? É isso mesmo, 18px. (A metade de 12 é 6, e 12 mais 6 pixels é igual a 18. Ufa. Aposto que você nunca pensou matemática viria a calhar para a concepção de um site.)
Ao definir a altura da linha, sugiro nunca vai abaixo 1.2em para permitir um pouco de espaço para letras com descendentes (como g, j e p).
espaçamento entre letras: espaçamento carta, também conhecido como ajuste de espaço, é o espaçamento entre os caracteres individuais. espaçamento entre letras é melhor usado em títulos e cabeçalhos, e não para o corpo do texto. Ao medir o espaçamento carta na Squarespace, as unidades estão em pixels. Você pode adicionar um valor negativo para trazer suas cartas mais próximos.
Para modificar a altura da linha ou o espaçamento entre linhas, você pode usar o controle deslizante que aparece quando você passa o cursor sobre uma ou outra opção, como mostrado na Figura 7-9.
texto transformando com as mudanças de caso
Você pode querer exibir cabeçalhos e títulos como todas as letras maiúsculas ou todas as letras minúsculas, apesar de como você digita-los em seu site. Ou talvez você quer a primeira letra de cada palavra em um título em maiúsculas. Você pode fazer isso escolhendo a opção adequada para a definição de transformação de texto.
Na janela fonte de um elemento de Tipografia (consulte a Figura 7-5), clique no texto Transform opção para revelar um menu pop-up com as suas opções: Nenhum, Capitalize (PAC a primeira letra), letras maiúsculas (cap todas as letras), e Minúsculas (minúsculas todas as letras).
Para os títulos de postagem no blog, eu sempre deixar o texto Transform conjunto de recursos para Nenhum. Por quê? Denominar seu texto, usando a função Transform é absoluta e não leva em conta as palavras tais como iPhone e termos que geralmente minúsculas nas posições, como preposições. Leia o quadro "Os motores de busca de texto ler, mas não vê-lo" para mais considerações sobre o uso do texto recurso Transform.