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 de 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.

Video: COMO PERSONALIZAR A FONTE DO SEU SANSUNG❤TAMANHO E ESTILO

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: Faça o texto em 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 atacar através do 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 (longo)

Squarespace fornece acesso a uma longa lista de fontes de fontes 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ê a fonte usada para esse elemento. Para selecionar outra 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 seu site é atualizado com a nova fonte. Se você não gosta do que vê, manter selecionar 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, o 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 controle deslizante.

    Video: Adding Custom Fonts in Squarespace

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.

Video: Como alterar a fonte do seu computador

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. Basta clicar na caixa de seleção ao lado de negrito ou itálico para definir a sua fonte 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 Estilo tem uma lista pop-up de números, chamado pesos, o que aumenta em incrementos de 100. Quanto maior for o número, mais arrojado a fonte. Geralmente, um valor de 400 é considerado o mesmo que uma fonte regular.

Ajuste fino altura da linha e espaçamento entre 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 tornar seu texto mais legível:

  • Altura da linha: O valor altura da linha é calculado em unidades em. Um em é igual ao valor de 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 iguais 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 mais de espaço para as cartas com descendentes (por exemplo, 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 entre letras em 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 qualquer 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 utilizando o texto recurso Transform é absoluta e não leva em conta palavras 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.


Publicações relacionadas