1
00:00:00,350 --> 00:00:05,460
Neste vídeo, vamos falar sobre maneiras de incluir fontes personalizadas e usá-las em nosso sucesso para que não

2
00:00:05,940 --> 00:00:11,550
tenhamos que confiar nessas fontes incorporadas as fontes do sistema como a Arial e a Geórgia que não são

3
00:00:11,550 --> 00:00:13,340
muito confiáveis ​​no primeiro Lugar, colocar.

4
00:00:13,350 --> 00:00:18,150
As máquinas de algumas pessoas não as terão e elas são bastante limitadas, mesmo que todas elas estejam disponíveis.

5
00:00:18,450 --> 00:00:21,700
Não há muitas fontes e não há muitas fontes boas.

6
00:00:21,930 --> 00:00:27,660
Então, por sorte, é muito fácil incluir suas próprias fontes e pode ser uma fonte que possuímos que adquirimos que a

7
00:00:27,660 --> 00:00:32,550
nossa empresa possui, embora possam ficar muito muito caras se você nunca examinou o preço da fonte.

8
00:00:32,850 --> 00:00:36,120
Alguns dos melhores podem custar centenas de milhares de dólares.

9
00:00:36,120 --> 00:00:40,820
Então o Google tem uma opção por aí é chamado de fontes do Google e é um recurso realmente excelente.

10
00:00:40,980 --> 00:00:48,420
Basicamente, o Google tem um monte de, eu acho que é cerca de 100 fontes on-line gratuitamente, que são muito fáceis de incluir em

11
00:00:48,450 --> 00:00:49,540
nossa própria aplicação.

12
00:00:49,620 --> 00:00:50,710
Apenas alguns cliques.

13
00:00:50,790 --> 00:00:52,940
Então vou mostrar-lhe como fazer isso agora.

14
00:00:53,910 --> 00:01:01,140
Então, se nós vamos para as fontes do Google e apenas as fontes de barras do Google dot, verá que

15
00:01:01,140 --> 00:01:04,760
nos apresentamos imediatamente uma lista de fontes aqui, podemos percorrê-las.

16
00:01:05,040 --> 00:01:09,520
Podemos classificá-los por popularidade em ordem alfabética mais recente.

17
00:01:09,660 --> 00:01:12,220
Podemos alterar o texto de visualização que estamos olhando.

18
00:01:12,780 --> 00:01:14,440
Normalmente, mantenha como é.

19
00:01:14,850 --> 00:01:20,490
E eu realmente vou escolher apenas duas fontes aqui que são muito distintas, então não me julgue com base

20
00:01:20,490 --> 00:01:21,550
naquelas que eles escolhem.

21
00:01:21,600 --> 00:01:26,310
Eles podem não ser meus favoritos, mas eles simplesmente serão óbvios para que você possa ver que eles são diferentes.

22
00:01:27,600 --> 00:01:35,190
Então eu vou fazer uma popularidade e vamos escolher um caminho de ferro aqui e vou clicar neste botão adicionar à coleção

23
00:01:35,250 --> 00:01:39,890
e o que isso faz, ele o adiciona ao meu carrinho de compras.

24
00:01:40,260 --> 00:01:41,770
E então, o próximo, vou escolher.

25
00:01:41,910 --> 00:01:45,390
Vamos por outro muito diferente.

26
00:01:46,230 --> 00:01:49,800
Vamos tentar este anúncio Andy Flower para a coleção.

27
00:01:50,220 --> 00:01:53,120
Então, a próxima coisa que eu quero fazer é clicar nesta guia de uso.

28
00:01:53,280 --> 00:01:55,640
Então, o que eu disse é que eu quero essas duas fontes.

29
00:01:55,710 --> 00:02:01,430
Agora, clique em usar e agora eu preciso decidir quais pesos de fontes eu quero disponíveis.

30
00:02:01,800 --> 00:02:06,390
Então, fontes diferentes têm pesos diferentes disponíveis nas fontes do Google para que você

31
00:02:06,390 --> 00:02:11,740
veja que a ferrovia possui todas as opções possíveis entre 100 e ultra negrito em 900.

32
00:02:11,760 --> 00:02:16,790
peso que você inclui são outro pedido que precisa ser feito com mais dados que precisam ser carregados.

33
00:02:16,800 --> 00:02:22,230
Uma coisa a que prestar atenção é que você não deseja incluir mais do que você vai usar e

34
00:02:22,230 --> 00:02:27,270
este pequeno medidor aqui lembra a página carregar o efeito na página daquela que inclui o peso múltiplo

35
00:02:27,270 --> 00:02:29,930
terá e isso é porque cada um A fonte eo

36
00:02:30,360 --> 00:02:36,000
Então, o que queremos fazer aqui é apenas minimizar o número que precisamos entender para usar normal e

37
00:02:36,000 --> 00:02:37,400
ousado para uma ferrovia.

38
00:02:37,450 --> 00:02:39,520
E então não tenho uma opção para Andy Flower.

39
00:02:39,540 --> 00:02:42,150
Há apenas um peso que é normal.

40
00:02:43,260 --> 00:02:49,360
Então, agora que selecionei aqueles que eu rolo para baixo e tudo o que eu tenho a fazer é copiar este link aqui.

41
00:02:49,740 --> 00:02:53,130
Então, este é um link que eles colocaram no meu HMO.

42
00:02:53,970 --> 00:03:01,380
Quando eu vou para o meu QG aqui e apenas colá-lo e seguro e você pode olhar para o que você está bem aqui e você

43
00:03:01,380 --> 00:03:06,700
notará que é quase as mesmas palavras exatamente o mesmo tipo de tag que é uma tag de link.

44
00:03:07,020 --> 00:03:12,340
A única diferença entre a minha folha de estilo e esta folha de estilo é a referência.

45
00:03:12,390 --> 00:03:19,230
Então, ao invés de estilos que a CSSA minha folha de estilo local personalizada está no Google dot com ou no

46
00:03:19,230 --> 00:03:20,560
Fahnestock Google API celcom.

47
00:03:20,850 --> 00:03:25,210
E temos família igual à trilogia esperar por 107 100.

48
00:03:25,460 --> 00:03:26,650
Andy Flower.

49
00:03:27,150 --> 00:03:32,950
Então, suponho que eu quisesse um atrevido, eu poderia facilmente ir aqui, na net, oitocentos.

50
00:03:33,880 --> 00:03:34,130
ESTÁ BEM.

51
00:03:34,140 --> 00:03:36,260
Então, é tudo o que temos a fazer para obter a fonte.

52
00:03:36,270 --> 00:03:38,430
É tão fácil de fazer.

53
00:03:38,550 --> 00:03:40,170
O próximo passo é usá-lo.

54
00:03:40,500 --> 00:03:45,170
Então eu vou seguir em frente e apenas mostrar o que parece agora mesmo no caso de você ter esquecido.

55
00:03:45,180 --> 00:03:46,360
Site maravilhoso.

56
00:03:46,650 --> 00:03:49,490
Comecemos por mudar este H-1.

57
00:03:50,310 --> 00:03:53,370
Vamos fazer o H-1 usar a fonte da flor indie.

58
00:03:53,760 --> 00:03:55,370
Então eu vou mudar isso aqui.

59
00:03:55,390 --> 00:03:58,200
H-1 e divirta-se como família como a Geórgia.

60
00:03:58,240 --> 00:04:02,690
Eu simplesmente mudá-lo para Andy Flower e é isso.

61
00:04:02,790 --> 00:04:06,110
Muito fácil de atualizar e você pode ver agora.

62
00:04:06,120 --> 00:04:11,260
E se eu fosse a mesma coisa para usar a ferrovia em parágrafos.

63
00:04:11,610 --> 00:04:20,670
Acabei de mudar a família de fontes para salvar e atualizar a ferro e agora tenho essa nova diversão aqui.

64
00:04:20,670 --> 00:04:25,960
A outra coisa que podemos fazer é mudar o nosso parágrafo para usar o outro tipo de letra.

65
00:04:26,040 --> 00:04:30,670
Então, temos que lembrar, vamos apenas com normal.

66
00:04:30,840 --> 00:04:35,970
Parece muito melhor, não parece muito bom de qualquer maneira, mas prefiro o peso mais

67
00:04:35,970 --> 00:04:37,530
leve do que o Negrito.

68
00:04:37,530 --> 00:04:40,650
Então, novamente, as fontes do Google são um excelente recurso excelente.

69
00:04:40,650 --> 00:04:45,990
Uma coisa, embora mencione, é se você tiver fontes que você possui, tudo o que você precisa fazer para relacioná-las

70
00:04:46,320 --> 00:04:47,490
é usar como tag.

71
00:04:47,880 --> 00:04:53,520
Então, em vez de ligar para uma das fontes do Google, você apenas liga para o seu próprio arquivo de fonte para

72
00:04:53,520 --> 00:04:57,890
que você possa ler mais NTN sobre esses tipos de arquivos de fonte específicos que são suportados.

73
00:04:58,110 --> 00:05:02,840
Mas basicamente funciona do mesmo modo, exceto em vez de incluir um fundo Google.

74
00:05:02,940 --> 00:05:04,630
Você pode incluir sua própria fonte personalizada.

75
00:05:04,980 --> 00:05:08,260
Felizmente, as fontes do Google têm todos os tipos de fontes excelentes.

76
00:05:08,430 --> 00:05:14,100
Você pode criar sites incríveis e muitas pessoas usam fontes do Google exclusivamente, mesmo para

77
00:05:14,100 --> 00:05:15,000
sites profissionais.