Muuta fonttikokoa JavaScriptillä

HUOM! Tee kaikki muutokset Javascriptinavulla. Tässä esimerkissä on käytetty fonttia "Josefin Sans".

Listan fonttikokoa muutetaan alla olevaa painonappia painamalla. Määrittele ensin bodyn fonttikoko 10px. Muuta sen jälkeen fontin kokoa käyttäen suhteellista yksikköä em em. Listan oletusfonttikoko on 16px.

Tämän listan fonttikoko pitää muuttua nappia painamalla

1. Ensimmäinen napin painallus muuttaa fonttikoon 20px
2. Toinen napin painallus muuttaa fonttikoon 24px
3. Kolmas napin painallus muuttaa fonttikoon 28px
4. Neljäs napin painallus muuttaa fonttikoon 32px
5. Viides napin painallus palauttaa fonttikoon 20px

Muuta fonttityyppiä Javascriptillä

Huom! Tee kaikki muutokset Javascriptin avulla.

Listan fonttityyppiä muutetaan alla olevaa painonappia painamalla. Määrittele ensin bodyn fonttityyppi "Courier New" fonttikoko 10px. Listan oletusfonttikoko on 16px.

Tämän listan fonttityypin pitää muuttua nappia painamalla

1. Ensimmäinen napin painallus muuttaa fonttityypiksi "Roboto"
2. Seuraava napin painallus muuttaa fonttityypiksi "Mansalva"
3. Seuraava napin painallus muuttaa fonttityypiksi "Grenze"
4. Seuraava napin painallus muuttaa fonttityypiksi "Turret Road"
5. Seuraava napin painallus palauttaa fonttityypiksi "Courier New"

Käytössä on nyt fontti "Courier New"