Preskoči na glavno vsebino

Google Fonts

  1. Pojdite na Google Fonts in izberite pisavo, ki vam je všeč.

  2. Na strani pisave poiščite in kliknite gumb Get font.

1

  1. Kliknite Get embed code.

2

  1. Izberite @import.

3

  1. Tukaj moramo kopirati dva dela:

4

Prvi del

Za pisavo, ki sem jo izbral, je vdelana koda, ki jo zagotavlja Google, videti takole:

<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:[email protected]&display=swap');
</style>

Kopirati moramo le del za vprašajem v URL-ju (na zgornji sliki označen rdeče) in ga prilepiti v polje Google Fonts (Font families) na strani z možnostmi vtičnika. V tem primeru moram kopirati le family=Noto+Sans+JP:[email protected]&display=swap.

Drugi del

Za to pisavo je slogovna koda, ki jo zagotavlja Google, videti takole:

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

Potrebujemo le del, ki je na zgornji sliki označen rdeče.

  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;

Včasih morate v slogih izpolniti nekatere vrednosti. Na primer, pri tej pisavi je vrednost za font-weight <weight>, kar pomeni, da morate vnesti vrednost. Ti nadomestni označevalci so običajno zapisani v <>. Ustrezne vrednosti lahko najdete na Mozilla.

Za font-weight lahko uporabimo normal.

  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;

To prilepite v polje Google Fonts (CSS properties) na strani z možnostmi vtičnika.

  1. Dokončajte nastavitev.

5

  1. Vrnite se na stran z videom, da si ogledate uporabljeno pisavo. Spodnja slika prikazuje uporabo Noto Sans Japanese in Noto Serif Japanese.

6