Temat: Pomóżcie proszę - implementacja Google Fonts

Tworzę stronę sam dla siebie w oparciu o szablon. Jest w nim m.in. font. ale w wersji okrojonej, bez polskich znaków diakrytycznych, tymczasem ten sam font importowany z Google Fonts działa (wiem to z cudzych stron) prawidłowo.

Pomóżcie, proszę, bo odkąd tworzyłem moją ostatnią witrynę, standardy poszły mocno do przodu i nie nadążam.

Otóż obecnie mam w style.css:

@font-face {

    font-family: 'Lato_regular';

    src: url(../inc/font/Lato_regular/Lato-Reg-webfont.eot);

    src: url(../inc/font/Lato_regular/Lato-Reg-webfont.eot?#iefix) format('embedded-opentype'),

         url(../inc/font/Lato_regular/Lato-Reg-webfont.woff) format('woff'),

         url(../inc/font/Lato_regular/Lato-Reg-webfont.ttf) format('truetype'),

         url(../inc/font/Lato_regular/Lato-Reg-webfont.svg#LatoRegular) format('svg');

}

@font-face {

    font-family: 'Lato_light';

    src: url(../inc/font/Lato_light/Lato-Lig-webfont.eot);

    src: url(../inc/font/Lato_light/Lato-Lig-webfont.eot?#iefix) format('embedded-opentype'),

         url(../inc/font/Lato_light/Lato-Lig-webfont.woff) format('woff'),

         url(../inc/font/Lato_light/Lato-Lig-webfont.ttf) format('truetype'),

         url(../inc/font/Lato_light/Lato-Lig-webfont.svg#LatoLight) format('svg');

}

@font-face {

    font-family: 'Lato_bold';

    src: url(../inc/font/Lato_bold/Lato-Bol-webfont.eot);

    src: url(../inc/font/Lato_bold/Lato-Bol-webfont.eot?#iefix) format('embedded-opentype'),

         url(../inc/font/Lato_bold/Lato-Bol-webfont.woff) format('woff'),

         url(../inc/font/Lato_bold/Lato-Bol-webfont.ttf) format('truetype'),

         url(../inc/font/Lato_bold/Lato-Bol-webfont.svg#LatoBold) format('svg');

 

- a chciałbym mieć font, którego adres wygenerowany w Google Fonts to:

<link href='http://fonts.googleapis.com/css?family=Lato:400,300,700' rel='stylesheet' type='text/css'>

Jak mam zastąpić jedno drugim?

Temat: Pomóżcie proszę - implementacja Google Fonts

Wywalić ze swoich stylów wszystkie @font-face'y i w nagłówku strony wrzucić:

<link href='http://fonts.googleapis.com/css?family=Lato:400,300,700' rel='stylesheet' type='text/css'>

Jeszcze musisz w swoim CSS-ie podmienić wszystkie font-family i font z Lato_regular, Lato_light i Lato_bold na Lato o odpowiedniej grubości, np:

font: 300 1em Lato, sans-serif;

dla Lato LightTen post został edytowany przez Autora dnia 17.01.14 o godzinie 11:48

Temat: Pomóżcie proszę - implementacja Google Fonts

Działa.

Niech Ci Bozia w {czym tylko chcesz} wynagrodzi - mogę ruszać z robotą :)