X

Aleproste na FaceBook'u

Reklama.

[Google] Dodatkowe Czcionki na naszą stronę :: google webfonts

Już niedługo problem czcionek na stronach www może należeć do przeszłości. Google wprowadziło kolejną funkcjonalność, a mianowicie Google Fonts API. Dzięki niej możemy w bardzo prosty sposób zastosować dowolną czcionkę z udostępnionych przez Google.

Wystarczy w sekcji head strony dodać następującą linię:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=nazwa_czcionki" />

Ciąg "nazwa_czcionki" należy zastąpić nazwą czcionki z katalogu np:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light" />

Spacje w nazwie czcionki zastępujemy znakiem plusa. Teraz aby zastosować nową czcionkę dla znacznika h1 wystarczy napisać zwykłą regułę css.

h1 {
font-family: 'Josefin Sans Std Light';
font-size: 48px;
}

Jeśli chcemy podać kilka czcionek, do których będzie się można później odwoływać należy ich nazwy rozdzielić znakiem "|" np.

http://fonts.googleapis.com/css?family=Tangerine|Inconsolata|Droid+Sans

Szkoda tylko, że na razie w katalogu Googl'a nie mamy czcionek z polskimi ogonkami.

opublikowane 20-10-2010163366 powrót

© aleproste.pl v.10 Projekt i realizacja projekt.etvn.pl & aleproste.pl