1
00:00:00,350 --> 00:00:05,460
In questo video parleremo dei modi per includere font personalizzati e utilizzarli nel nostro successo in modo

2
00:00:05,940 --> 00:00:11,550
che non dobbiamo fare affidamento su questi caratteri incorporati i font di sistema come Arial e Georgia che non

3
00:00:11,550 --> 00:00:13,340
sono molto affidabili nel primo posto.

4
00:00:13,350 --> 00:00:18,150
Le macchine di alcune persone non le avranno e sono piuttosto limitate anche se tutte sono disponibili.

5
00:00:18,450 --> 00:00:21,700
Non ci sono molti caratteri e non ci sono molti buoni caratteri.

6
00:00:21,930 --> 00:00:27,660
Quindi per fortuna è abbastanza facile includere i suoi font e questo può essere un font che possediamo che abbiamo acquistato di

7
00:00:27,660 --> 00:00:32,550
proprietà della nostra azienda anche se possono diventare molto costosi se non hai mai esaminato i prezzi dei font.

8
00:00:32,850 --> 00:00:36,120
Alcuni dei migliori possono costare centinaia di migliaia di dollari.

9
00:00:36,120 --> 00:00:40,820
Quindi Google ha un'opzione che si chiama Google font ed è davvero una grande risorsa.

10
00:00:40,980 --> 00:00:48,420
Fondamentalmente Google ha un sacco di cose che penso che siano circa 100 caratteri online gratuitamente che sono molto facili da includere

11
00:00:48,450 --> 00:00:49,540
nella nostra applicazione.

12
00:00:49,620 --> 00:00:50,710
Bastano pochi clic.

13
00:00:50,790 --> 00:00:52,940
Quindi ti mostrerò come farlo ora.

14
00:00:53,910 --> 00:01:01,140
Quindi, se andiamo a caratteri Google e solo a google dot com slash, vedremo che ci viene

15
00:01:01,140 --> 00:01:04,760
immediatamente presentato un elenco di caratteri, qui possiamo scorrerli.

16
00:01:05,040 --> 00:01:09,520
Possiamo ordinarli per popolarità in ordine alfabetico più recente.

17
00:01:09,660 --> 00:01:12,220
Possiamo cambiare il testo di anteprima che stiamo guardando.

18
00:01:12,780 --> 00:01:14,440
Di solito lo mantiene come è.

19
00:01:14,850 --> 00:01:20,490
E in questo momento selezionerò solo due font che sono molto distinti quindi non giudicarmi basandoci su

20
00:01:20,490 --> 00:01:21,550
quelli che scelgono.

21
00:01:21,600 --> 00:01:26,310
Potrebbero non essere i miei preferiti ma saranno ovvi in ​​modo che tu possa vedere che sono diversi.

22
00:01:27,600 --> 00:01:35,190
Quindi andrò a fare la popolarità e selezioniamo una ferrovia qui e clicco su questo pulsante per

23
00:01:35,250 --> 00:01:39,890
aggiungere alla raccolta e cosa lo aggiunge al mio carrello.

24
00:01:40,260 --> 00:01:41,770
E poi il prossimo che selezionerò.

25
00:01:41,910 --> 00:01:45,390
Andiamo per un altro molto diverso.

26
00:01:46,230 --> 00:01:49,800
Proviamo questo annuncio di Andy Flower alla collezione.

27
00:01:50,220 --> 00:01:53,120
Quindi la prossima cosa che voglio fare è cliccare su questa scheda uso.

28
00:01:53,280 --> 00:01:55,640
Quindi quello che ho detto è che voglio entrambi questi font.

29
00:01:55,710 --> 00:02:01,430
Ora clicca sull'uso e ora ho bisogno di decidere quali pesi di carattere voglio disponibili.

30
00:02:01,800 --> 00:02:06,390
Quindi i font diversi hanno pesi diversi che sono disponibili sui font di Google,

31
00:02:06,390 --> 00:02:11,740
quindi puoi vedere la ferrovia ha tutte le opzioni possibili tra 100 e ultra bold a 900.

32
00:02:11,760 --> 00:02:16,790
peso che includi sono un'altra richiesta che deve essere fatta con più dati che devono essere caricati.

33
00:02:16,800 --> 00:02:22,230
Una cosa a cui prestare attenzione è che non vuoi includere più di quello che userai e questo piccolo

34
00:02:22,230 --> 00:02:27,270
contatore qui ti ricorda la pagina carica l'effetto sulla pagina di quello che include il peso multiplo

35
00:02:27,270 --> 00:02:29,930
e questo perché ogni singolo il font e il

36
00:02:30,360 --> 00:02:36,000
Quindi, quello che vogliamo fare qui è solo minimizzare il numero che dobbiamo capire per usare il normale e

37
00:02:36,000 --> 00:02:37,400
il grassetto per una ferrovia.

38
00:02:37,450 --> 00:02:39,520
E poi non ho un'opzione per Andy Flower.

39
00:02:39,540 --> 00:02:42,150
C'è solo un peso che è normale.

40
00:02:43,260 --> 00:02:49,360
Quindi, ora che ho selezionato quelli, scorro verso il basso e tutto ciò che devo fare è copiare questo link qui.

41
00:02:49,740 --> 00:02:53,130
Quindi questo è un link che hanno inserito nel mio HMO.

42
00:02:53,970 --> 00:03:01,380
Quando vado nel mio quartier generale qui e lo incollo e sono sicuro e puoi vedere che stai bene qui e noterai

43
00:03:01,380 --> 00:03:06,700
che sono quasi le stesse parole esattamente lo stesso tipo di tag è un tag link.

44
00:03:07,020 --> 00:03:12,340
L'unica differenza tra il mio foglio di stile e questo foglio di stile è il rif.

45
00:03:12,390 --> 00:03:19,230
Quindi, piuttosto che gli stili che CSSA il mio foglio di stile locale personalizzato è su Google dot com o

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

47
00:03:20,850 --> 00:03:25,210
E abbiamo una ferrovia per famiglie pari a 107 100.

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

49
00:03:27,150 --> 00:03:32,950
Quindi supponiamo di volere un audace che potrei facilmente andare qui al netto dell'ottocento.

50
00:03:33,880 --> 00:03:34,130
OK.

51
00:03:34,140 --> 00:03:36,260
Quindi questo è tutto ciò che dobbiamo fare per ottenere il font.

52
00:03:36,270 --> 00:03:38,430
È così facile da fare.

53
00:03:38,550 --> 00:03:40,170
Il prossimo passo è usarlo.

54
00:03:40,500 --> 00:03:45,170
Quindi ho intenzione di andare avanti e mostrarti come appare adesso se hai dimenticato.

55
00:03:45,180 --> 00:03:46,360
Sito meraviglioso

56
00:03:46,650 --> 00:03:49,490
Iniziamo cambiando questo H-1.

57
00:03:50,310 --> 00:03:53,370
Facciamo in modo che l'H-1 usi il font indie flower.

58
00:03:53,760 --> 00:03:55,370
Quindi lo cambierò qui.

59
00:03:55,390 --> 00:03:58,200
H-1 e divertiti con la famiglia come Georgia.

60
00:03:58,240 --> 00:04:02,690
L'ho appena cambiato con Andy Flower e basta.

61
00:04:02,790 --> 00:04:06,110
Aggiornamento molto semplice e puoi vederlo ora.

62
00:04:06,120 --> 00:04:11,260
E se fossi la stessa cosa usare la ferrovia sui paragrafi.

63
00:04:11,610 --> 00:04:20,670
Ho appena cambiato la famiglia di caratteri per la ferrovia, salvare e aggiornare e ora ho questo nuovo divertimento qui.

64
00:04:20,670 --> 00:04:25,960
L'altra cosa che possiamo fare è cambiare il nostro paragrafo per usare l'altro peso del font.

65
00:04:26,040 --> 00:04:30,670
Quindi dobbiamo ricordare andiamo con la normalità.

66
00:04:30,840 --> 00:04:35,970
Sembra molto meglio non sembra molto buono in entrambi i casi, ma preferisco il peso più

67
00:04:35,970 --> 00:04:37,530
leggero piuttosto che il grassetto.

68
00:04:37,530 --> 00:04:40,650
Quindi, ancora una volta i font di Google sono una grande risorsa.

69
00:04:40,650 --> 00:04:45,990
Una cosa però che menzionerò è che se hai dei font che possiedi tutto ciò che devi fare per collegarli a

70
00:04:46,320 --> 00:04:47,490
loro è come tag.

71
00:04:47,880 --> 00:04:53,520
Quindi, piuttosto che collegarsi a uno dei font di Google, basta collegarsi al proprio file di font in modo da

72
00:04:53,520 --> 00:04:57,890
poter leggere più NTN su questi tipi di file di font specifici che sono supportati.

73
00:04:58,110 --> 00:05:02,840
Ma fondamentalmente funziona allo stesso modo tranne che includere un fondo Google.

74
00:05:02,940 --> 00:05:04,630
Puoi includere il tuo carattere personalizzato.

75
00:05:04,980 --> 00:05:08,260
Fortunatamente i caratteri di Google hanno tutti i tipi di caratteri fantastici.

76
00:05:08,430 --> 00:05:14,100
Puoi creare fantastici siti Web e molte persone utilizzano i caratteri Google esclusivamente per siti

77
00:05:14,100 --> 00:05:15,000
Web professionali.