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

Como executar o teste beta para uma aplicação iOS - manequins

Como executar o teste beta para uma aplicação iOS - manequins

Depois de executar o seu aplicativo em alguns dispositivos e está confiante de que está funcionando da maneira que é suposto, considere levá-lo às mãos de alguns testadores beta. O teste beta permite que você receba comentários de usuários reais e repare todos os erros antes que o público em geral os veja. Você pode se surpreender ...

Como publicar no Amazon Appstore para Android - dummies

Como publicar no Amazon Appstore para Android - dummies

Publicação para o Amazon Appstore para Android é semelhante à publicação na Google Play Store: você cria uma conta e, em seguida, talvez seja necessário pagar uma taxa de desenvolvedor. Ao contrário do Google Play Store, os aplicativos devem ser revistos no Amazon Appstore para Android, portanto, planeje alguns dias entre o dia em que você enviar ...

Como preparar ativos gráficos em seu aplicativo Android para publicar na Play Store - Dummies

Como preparar ativos gráficos em seu aplicativo Android para publicar na Play Store - Dummies

Quando você publica um aplicativo Android na Play Store, você interage com o Console do desenvolvedor do Google Play. O passo essencial nesta interação é o passo em que você carrega o arquivo APK do seu aplicativo. É o passo essencial, mas não é o único passo. Você também deve usar a Consola do desenvolvedor da Play Store ...

Escolha dos editores

As Leis de Minecraft Redstone - dummies

As Leis de Minecraft Redstone - dummies

Cada mecanismo Redstone da Minecraft possui um conjunto diferente de propriedades que determinam como ele atua. Você deve entender as relações entre suas propriedades. Depois de trabalhar com Redstone por um tempo, a forma e a função das suas ferramentas podem se tornar bastante intuitivas. Até então, você pode usar essas informações para descobrir quais opções são ...

Minecraft Pocket Edition Guia de Sobrevivência - dummies

Minecraft Pocket Edition Guia de Sobrevivência - dummies

Ao contrário da versão bastante complicada para PC do Minecraft, Pocket Edition (PE) de A Minecraft tem uma série de etapas mais direta para alcançar seu ponto final, o Nether Spire. Para sobreviver ao PE Minecraft, um jogador precisa seguir a série de passos descritos abaixo. Punch madeira e construir um abrigo. Todo o Minecraft ...

Minecraft Para Dummies Cheat Sheet - dummies

Minecraft Para Dummies Cheat Sheet - dummies

Minecraft requer um jogador para reunir recursos para sobreviver, construir, criar, e avance no jogo. Devido aos diferentes ambientes encontrados no Minecraft, um jogador precisa usar diferentes estratégias para reunir recursos eficientemente nas três principais áreas do jogo - Overland, the Mines e the Nether. Uma vez que estes ...

Escolha dos editores

Como criar mensagens de e-mail de impressão em série no Word 2013 - dummies

Como criar mensagens de e-mail de impressão em série no Word 2013 - dummies

Palavra 2013 permite que você expire mensagens de e-mail personalizadas usando a opção E-Mail para mala direta. Esta opção funciona apenas quando você configura o programa Microsoft Outlook no seu computador. Depois disso, você inicia o documento principal para sua fusão de e-mail obedecendo a estas etapas:

Como criar múltiplas colunas em um documento do Word 2007 - dummies

Como criar múltiplas colunas em um documento do Word 2007 - dummies

Para converter seu padrão single- (ou não-) coluna do documento do Word 2007 em um com várias colunas, basta escolher o formato da coluna que deseja no menu Colunas. Instantaneamente, seu documento é transformado em uma maravilha multicolora!

Como criar tabelas rápidas nas tabelas do Word 2008 para Mac - dummies

Como criar tabelas rápidas nas tabelas do Word 2008 para Mac - dummies

Ajudam você a organizar idéias ou dados que seriam aborrecedores e difíceis de compreender em forma de parágrafo regular. Com o Word 2008 para Mac, você pode facilmente criar tabelas - às vezes chamadas de grades - em qualquer lugar em seus documentos. A maneira mais fácil de criar tabelas é com um dos melhores recursos novos ...