Lar Mídia social Como usar fontes personalizadas do site de fontes da Web do Google no Dreamweaver - manequins

Como usar fontes personalizadas do site de fontes da Web do Google no Dreamweaver - manequins

Vídeo: Curso Essencial Adobe Dreamweaver CC 2017 - Aula 45 Fontes da Web 2025

Vídeo: Curso Essencial Adobe Dreamweaver CC 2017 - Aula 45 Fontes da Web 2025
Anonim

Uma das maneiras mais fáceis de usar o Dreamweaver para adicionar fontes personalizadas ao seu site é oferecida pelo Google. O Google Web Fonts oferece uma coleção limitada de fontes, mas você pode usar todas as suas fontes de graça. Siga estas etapas para adicionar qualquer uma das fontes do site das Fontes da Web do Google às suas páginas:

  1. Abra um navegador da Web e visite site das Fontes da Web do Google .

  2. Procure através das fontes disponíveis no site, selecionando o tipo e o estilo da fonte que você está procurando.

    Para reduzir sua pesquisa, use Filtros (na coluna da esquerda). Você pode alterar o texto que é exibido em cada fonte, editando o campo Visualizar Texto na parte superior da tela.

  3. Encontre uma fonte que você gosta e, em seguida, clique no botão azul Adicionar à coleção no canto inferior direito, logo abaixo de cada nome de fonte.

  4. Clique nas caixas de seleção ao lado de cada um dos estilos de fonte que você deseja usar em sua página da web.

    A maioria das fontes no Google Font Directory tem apenas um estilo. Embora você seja tentado a escolher todos os estilos, é melhor escolher apenas os que você usará. Como o Google avisa, quanto mais estilos de fonte você escolher, mais tempo ele levará para baixar sua página da web.

  5. Desça a página e selecione a opção em latim (para inglês).

    Se você precisar de caracteres adicionais para outro idioma, selecione a opção Latin Extended.

  6. Deslize mais para baixo na página para a caixa azul com três guias; Clique na primeira guia para vincular a fonte ao seu site.

    O Google oferece três opções: Standard, @import e JavaScript. Você encontra descrições detalhadas dos três no site do Google.

  7. 7. Copie o link do campo da guia Padrão no Google, assim como você copiaria qualquer outro texto ou código de uma página da Web.

  8. No Dreamweaver, cole o link na área principal da sua página da Web entre as tags abertas e fechadas.

  9. Retorne para o site das Fontes web do Google e na parte inferior da página, copie o nome da família de fontes.

    Você pode encontrar o nome da família de fontes na Integração das fontes em sua área de CSS.

    Na sua definição de estilo, você deve incluir o nome da fonte exatamente como o Google escreve. Copiar e colar é a melhor maneira de garantir que o nome da fonte corresponda.

  10. No Dreamweaver, cole o nome da família de fontes na regra CSS onde deseja usar a fonte.

  11. Aplicar a regra ao texto em sua página da web.

    Se você usa a fonte em um estilo Seletor de tags, como a tag

    , quando você aplica a etiqueta ao texto, a fonte será aplicada automaticamente como parte da regra. Se você usa a fonte em uma classe ou estilo ID, o estilo deve ser aplicado a uma etiqueta que envolve o texto, como uma marca

    ou uma tag.

  12. Publique a página em um servidor web e depois visualize a página em um navegador da Web para ver a fonte.

    Observe que, quando você usa fontes da Web do Google, você não pode ver a fonte exibida no Dreamweaver, mesmo que você use a opção Live view. Para garantir que a fonte funcione em sua página, talvez seja necessário transferir a página para um servidor web usando FTP e visualizar a página depois de publicada on-line.

Como usar fontes personalizadas do site de fontes da Web do Google no Dreamweaver - manequins

Escolha dos editores

Esquizofrenia e medicamentos para tratamento de doenças mentais - dummies

Esquizofrenia e medicamentos para tratamento de doenças mentais - dummies

Esquizofrenia é uma das doenças mais debilitantes e desativação de todos os transtornos mentais. Embora apenas 1 por cento dos americanos sofram da doença, os pensamentos e comportamentos extremos dos esquizofrênicos muitas vezes também afetam seriamente a vida da família e dos amigos também. A causa da esquizofrenia é desconhecida, mas a maioria dos esquizofrênicos submetidos ao tratamento é ajudada ...

Conceda-se crédito para toda a sua personalidade - manequins

Conceda-se crédito para toda a sua personalidade - manequins

Se você se julgar sozinho pelo seu corpo, você reduz o seu Concentre-se apenas no lado da forma de você e ignore completamente a substância dentro dessa forma. E as outras partes da sua personalidade? Eles também não são importantes? A verdadeira beleza é definida por quem você está no interior - sua excitação para a vida, ...

Para Aumentar Emoções Uplifting - dummies

Para Aumentar Emoções Uplifting - dummies

Para elevar suas emoções, o primeiro passo é tomar consciência de que emoções que você tem. Tire consciência do que o desencadeia - o que o afasta e fica chateado e o que o deixa muito excitado. Um gatilho é assistir a certos programas de televisão e permitir que as emoções desses programas permeem ...

Escolha dos editores

Como usar fotos em sua pesquisa de genealogia - dummies

Como usar fotos em sua pesquisa de genealogia - dummies

Uma imagem vale mais que mil palavras - então, diz diz. Isso certamente é verdade na genealogia. As fotografias estão entre os documentos mais preciosos para os genealogistas. As imagens mostram como seus antepassados ​​olhavam e em quais condições viviam. Às vezes, o outro lado da foto é mais importante que a própria imagem. Na parte de trás, ...

Sites de estudo de um nome para sua genealogia - manequins

Sites de estudo de um nome para sua genealogia - manequins

Se você está procurando uma grande variedade de informações sobre um sobrenome específico, um site de estudo de um nome pode valer a pena. Esses sites geralmente se concentram em um sobrenome, independentemente da localização geográfica onde o sobrenome aparece. Em outras palavras, eles recebem informações sobre pessoas com o sobrenome em todo o mundo. Estes sites são bastante úteis ...

Como usar listas de passageiros em sua pesquisa de genealogia - manequins

Como usar listas de passageiros em sua pesquisa de genealogia - manequins

Um tipo de registro de imigração que você pode encontrar na web é uma lista de passageiros. As listas de passageiros são manifestações de quem viajou em um navio específico. Você pode usar as listas de passageiros não só para ver quem imigrou em um navio em particular, mas também pode ver cidadãos dos EUA que viajam apenas por ...

Escolha dos editores

Envolva-se com o Live WordPress Events - dummies

Envolva-se com o Live WordPress Events - dummies

Você não pode apenas descobrir sobre o WordPress e contribuir para o projeto on-line pela internet, mas também se envolver no WordPress offline. Eventos de WordPress ao vivo, chamados Meetups e WordCamps do WordPress, são os usuários e os fãs que se reúnem para discutir, aprender e compartilhar informações sobre sua plataforma favorita. Os dois eventos são um pouco diferentes: ...

Como criar a página inicial do seu site - manequins

Como criar a página inicial do seu site - manequins

Na maior parte, quando você visite um blog com o WordPress, o blog está na página principal. Este blog pessoal, desenvolvido por WordPress (claro), mostra as últimas postagens de blog na primeira página. Essa configuração é típica de um site executado pelo WordPress. Mas a primeira página deste site de negócios, webdevstudios. com, ...

Como encontrar influenciadores para seu conteúdo WordPress - dummies

Como encontrar influenciadores para seu conteúdo WordPress - dummies

Influenciadores podem ser uma maneira útil para promova o conteúdo do WordPress. Depois de compilar listas de sites que deseja segmentar, você pode começar a quebrar a lista e determinar quais são os influenciadores em seu nicho, incluindo os influenciadores ocultos. Os influenciadores ocultos são pessoas que têm uma grande impressão social que não necessariamente ...