Curso de Design Responsivo Aula 10 Utilizando fontes do Google Fonts

Nessa vídeo aula vamos aprender como utilizar as fontes do Google Web Fonts em nossos projetos .

O Google Web Fonts tem uma coletânea enorme de fontes próprias para web e todas testadas e aprovadas pela plataforma Google. Além da segurança de usar fontes do Google Fonts, temos a facilidade de não precisar fazer download de nenhum arquivo

Como usar?

Para incorporar suas fontes selecionadas é muito simples, copie o código da fonte escolhida dentro da tag <head> do seu documento HTML. O mesmo processo vale para mais de uma fonte selecionada.

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

Você pode incorporar as fontes selecionadas também através da tag <style> ou diretamente no seu documento CSS

<style>
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
</style>

Após escolher uma das formas de incorporação acima basta adicionar as seguintes regras CSS no seu documento CSS para especificar a família da fonte escolhida:

font-family: 'Open Sans', sans-serif;

 



Hospedagem Profissional de Sites