Vlastní Google fonts – přímo v ftp

ideasro

(19 hodnocení)

15. 5. 2018 09:05:11

Ahoj, rád bych používal na mé stránce Google fonty, ale chci je mít přímo v FTP, nechci ať mi načítají z jejich zdroje.

Vytvořil jsem si tedy složky /fonts do které jsem nahrál tyto fonty:

Ubuntu-Light.ttf

Ubuntu-LightItalic.ttf

Ubuntu-Regular.ttf

Ubuntu-Medium.ttf

Ubuntu-MediumItalic.ttf

Ubuntu-Bold.ttf

Ubuntu-BoldItalic.ttf

Následně jsem použil v css tento zápis:

Chci se zeptat, jestli ten zápis má být více rozvinutý aby mi to na stránce následně umělo načítat i font který bude mít jiný weigh např. ten Light, Medium aj, nebo to stačí takto.

Pak jsem všude napsal tohle -

Díky

15. 5. 2018 09:05:11

https://webtrh.cz/diskuse/vlastni-google-fonts-primo-v-ftp#reply1345485

Pavel Janků

(94 hodnocení)

15. 5. 2018 10:37:00

Ahoj,

jasne, pokud chces, aby ti to nacitalo spravne i bold, je treba udelat dalsi zapis @font-face:

Pro Bold Italic pak:

Navic TTF ti nebude fungovat vsude. Je treba, abys font vyexport i do woff, eot a treba i svg. Muzes na to pouzit nejaky tool, napr. https://transfonter.org/, vice najdes na Google pod heslem font face generator.

Uziti fontu pres font-family mas pak vsude stejne - Ubuntu. To mas dobre.

btw. Medium je asi nekde na urovni semiboldu, takze 500/600, Light bude 200.

15. 5. 2018 10:37:00

https://webtrh.cz/diskuse/vlastni-google-fonts-primo-v-ftp#reply1345484

rotwang

15. 5. 2018 10:37:32

mělo by to být takhle, ale zvaž, zda opravdu potřebuješ všechny řezy, načítání tolika variant ti děsně zpomalí web

@font-face {    font-family: 'Ubuntu';    src: url('/fonts/Ubuntu-Regular.ttf');    font-weight: normal;    font-style: normal;}@font-face {    font-family: 'Ubuntu';    src: url('/fonts/Ubuntu-Italic.ttf');    font-weight: normal;    font-style: italic;}@font-face {    font-family: 'Ubuntu';    src: url('/fonts/Ubuntu-MediumItalic.ttf');    font-weight: 500;    font-style: italic;}@font-face {    font-family: 'Ubuntu';    src: url('/fonts/Ubuntu-Medium.ttf');    font-weight: 500;    font-style: normal;}@font-face {    font-family: 'Ubuntu';    src: url('/fonts/Ubuntu-BoldItalic.ttf');    font-weight: bold;    font-style: italic;}@font-face {    font-family: 'Ubuntu';    src: url('/fonts/Ubuntu-LightItalic.ttf');    font-weight: 300;    font-style: italic;}@font-face {    font-family: 'Ubuntu';    src: url('/fonts/Ubuntu-Bold.ttf');    font-weight: bold;    font-style: normal;}@font-face {    font-family: 'Ubuntu';    src: url('/fonts/Ubuntu-Light.ttf');    font-weight: 300;    font-style: normal;}

15. 5. 2018 10:37:32

https://webtrh.cz/diskuse/vlastni-google-fonts-primo-v-ftp#reply1345483

Pavel Janků

(94 hodnocení)

15. 5. 2018 10:39:23

A nepouzivej absolutni cesty.

15. 5. 2018 10:39:23

https://webtrh.cz/diskuse/vlastni-google-fonts-primo-v-ftp#reply1345482

Vladimír Smitka

(4 hodnocení)

15. 5. 2018 12:36:31

Na statické google fonty používám https://google-webfonts-helper.herokuapp.com/fonts