Como importar o tipo de letra web do Google no ficheiro CSS?

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;lang=en" />

É melhor não usar @import. Basta usar o elemento link, Como mostrado acima, na cabeça do seu layout.

Adicione o código abaixo no seu ficheiro CSS para importar os tipos de letra do Google Web.

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

Substitua o valor do Abrir+Sans pelo nome do seu tipo de letra.

O seu ficheiro CSS deve parecer como:

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

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

Existem mais 2 maneiras deimportar fontes do Google Web no seu site. Espero que ajude.

Obtém o tipo de letra ttf / outros ficheiros de formato, adicionando depois este exemplo de código CSS:

@font-face { font-family: roboto-regular; 
			 src: url('../font/Roboto-Regular.ttf'); } 
h2{
	font-family: roboto-regular;
}

1. vai para https://fonts.google.com/
2. adicionar o tipo de letra ao carregar +
3. Vá para o tipo de letra seleccionado > Embed > @IMPORT > copiar o url e colar no seu .ficheiro css por cima da marca corporal.
Está feito.

Use A etiqueta @import

@import url('http://fonts.googleapis.com/css?family=Kavoon');

Você também pode usar o @font-face para ligar aos URLs. http://www.css3.info/preview/web-fonts-with-font-face/

O CMS suporta o iframes? Você pode ser capaz de jogar um iframe no topo do seu conteúdo, também. Isso provavelmente seria mais lento-melhor incluí-lo em seu CSS.

Juntamente com as respostas acima, considere também este site; https://google-webfonts-helper.herokuapp.com/fonts

Vantagem:

• Permite-lhe Auto-hospedar esses tipos de letra do google para melhores tempos de resposta

• Escolha o seu(s) Tipo (s) de letra)

• escolha o seu conjunto de caracteres
• Escolha os seus estilos de letra / Peso
• escolha o seu navegador de destino
• e obtém os excertos de CSS (adicione à sua folha de estilo css ) mais um zip do ficheiros de tipos de letra a incluir no seu projecto

Por exemplo, dá-me o teu nome.CSS

 @font-face { font-family: 'Open Sans'; font-style: normal;  font-weight: 400;
             src: local('Open Sans Regular'), local('OpenSans-Regular'),
             url('css_fonts/open-sans-v15-latin-regular.woff2') format('woff2'), 
             url('css_fonts/open-sans-v15-latin-regular.woff') format('woff'); 
 }

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

Vamos através da ligação

Https://developers.google.com/fonts/docs/getting_started

Para o Importar para a 'stylesheet' use

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

Https://www.youtube.com/watch?v=wlPr6EF6GAo

<link href="https://fonts.googleapis.com/css?family=(any font of your 
choice)" rel="stylesheet" type="text/css">

Para escolher o tipo de letra, poderá visitar a ligação : https://fonts.google.com

escreva o nome da fonte da sua escolha a partir do site excluindo os parêntesis.

Por exemplo Você escolheu a lagosta como fonte de sua escolha então,

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" 
type="text/css">

Então você pode usar isso normalmente como uma família de fontes em todo o seu arquivo HTML/CSS.

Por exemplo

<h2 style="Lobster">Please Like This Answer</h2>