Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Google Fonts

Como extrair a url de uma fonte no Google Fonts para poder utilizar esta url na tag em meu arquivo .html?

Ex: "http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700"

4 respostas

Olá André,

Você deve colocar no head da sua página o seguinte comando:

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

caso você tenha um arquivo próprio de css que é usado em todas as suas páginas você poderá importar da seguinte forma:

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

por fim basta você aplicar onde quer, por exemplo:

body{
    font-family: 'Open Sans Condensed', sans-serif;
}

Todas essas informações e links de configuração vem no próprio site do Google fontes no momento que você escolhe a fonte que deseja utilizar.

Espero ter ajudado.

Olá Joel,

Obrigado pelas informações!

Sei que devo informar o link no head da página. A minha dúvida é : ao acessar o site do Google Fonts e selecionar uma fonte, onde localizo o link que será utilizado em minha página?

Ex: https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700

solução!

Oi André,

Pelo visto entendi errado a questão, quando você vai no site do google fonts você irá selecionar a font que deseja utilizar, para isso basta clicar no + que tem logo ao lado do nome dela, você sabe qual + é esse?

Depois que você fizer isso irá aparecer uma baixa na parte inferior da tela no meu caso ficou escrito "1 family selected", ao clicar nessa caixa ela irá "maximizar" revelando os links que você deve utilizar.

Espero ter ajudado, qualquer problema é só avisar

Vai no... https://fonts.google.com

Procura a fonte que deseja, adiciona ela!

Na aba que você encontra as fontes adicionadas, tem a opção EMBED! Com o link para ser referenciado no head.

Esperto ter ajudado

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software