CSS-fonttien käyttö mahdollistaa tekstin ulkoasun muokkaamisen verkkosivuilla. Tämä voi sisältää fontin nimen, koon, tyylin ja värin määrittämisen. Alla on muutamia esimerkkejä CSS-fonttien käytöstä:

Voit määrittää fontin nimen CSS:ssä käyttämällä font-family -ominaisuutta. Esimerkiksi, jos haluat käyttää Arial fonttia, voit kirjoittaa seuraavan säännön:

Tämä sääntö asettaa Arial-fontin tekstille, joka näkyy body-elementissä.

Voit määrittää fontin koon CSS:ssä käyttämällä font-size -ominaisuutta. Esimerkiksi, jos haluat asettaa fontin koon 14 pikseliksi, voit kirjoittaa seuraavan säännön:

Voit määrittää fontin tyylin CSS:ssä käyttämällä font-style -ominaisuutta. Esimerkiksi, jos haluat asettaa fontin kursivoiduksi, voit kirjoittaa seuraavan säännön:

Voit määrittää fontin värin CSS:ssä käyttämällä color -ominaisuutta. Esimerkiksi, jos haluat asettaa tekstin värin siniseksi, voit kirjoittaa seuraavan säännön:

Tämä sääntö asettaa kaikille kappale-elementeille tekstin värin siniseksi.

CSS-fonttien käyttö antaa sinulle runsaasti mahdollisuuksia verkkosivujen tekstin muotoiluun ja tyyliin. On tärkeää huomata, että vaikka fontin nimeä voitaisiin määrittää sivuston koodissa, käyttäjän laitteessa tulee olla kyseinen fontti asennettuna, jotta se näkyisi oikein käyttäjälle.

CSS-fonttien käyttö mahdollistaa tekstin ulkoasun muokkaamisen verkkosivuilla. Tämä voi sisältää fontin nimen, koon, tyylin ja värin määrittämisen. Alla on muutamia esimerkkejä CSS-fonttien käytöstä:

## **Fontin nimen määrittäminen**

Voit määrittää fontin nimen CSS:ssä käyttämällä font-family -ominaisuutta. Esimerkiksi, jos haluat käyttää Arial fonttia, voit kirjoittaa seuraavan säännön:

```css
body {
  font-family: Arial, sans-serif;
}
```

Tämä sääntö asettaa Arial-fontin tekstille, joka näkyy body-elementissä.

---

## 
**Fontin koon määrittäminen**

Voit määrittää fontin koon CSS:ssä käyttämällä font-size -ominaisuutta. Esimerkiksi, jos haluat asettaa fontin koon 14 pikseliksi, voit kirjoittaa seuraavan säännön:

```css
h1 {
  font-size: 14px;
}
```

---

## Fontin tyylin määrittäminen

Voit määrittää fontin tyylin CSS:ssä käyttämällä font-style -ominaisuutta. Esimerkiksi, jos haluat asettaa fontin kursivoiduksi, voit kirjoittaa seuraavan säännön:

```css
em {
  font-style: italic;
}
```

---

## 

---

## Fontin värin määrittäminen

Voit määrittää fontin värin CSS:ssä käyttämällä color -ominaisuutta. Esimerkiksi, jos haluat asettaa tekstin värin siniseksi, voit kirjoittaa seuraavan säännön:

```css
p {
  color: blue;
}
```

Tämä sääntö asettaa kaikille kappale-elementeille tekstin värin siniseksi.

CSS-fonttien käyttö antaa sinulle runsaasti mahdollisuuksia verkkosivujen tekstin muotoiluun ja tyyliin. On tärkeää huomata, että vaikka fontin nimeä voitaisiin määrittää sivuston koodissa, käyttäjän laitteessa tulee olla kyseinen fontti asennettuna, jotta se näkyisi oikein käyttäjälle.

---

## Harjoittele

@embed 0c6fb6898bae


CSS Fontit

Tämä kurssi on johdatus web-kehitykseen ja se keskittyy HTML:n, CSS:n, JavaScriptin ja taustajärjestelmien perusteisiin. Kurssin tavoitteena on antaa opiskelijoille tarvittavat taidot ja tietämys, jotta he voivat suunnitella ja kehittää ja ymmärtää yksinkertaisia web-sovelluksia.

Tämä kurssi on johdatus web-kehitykseen ja se keskittyy verkkosivustojen peruspalikoiden, eli HTML:n, CSS:n ja JavaScriptin sekä taustajärjestelmien perusteisiin. Kurssin tavoitteena on antaa sinulle tarvittavat taidot ja tietämys, jotta voit suunnitella ja kehittää yksinkertaisia full-stack web-sovelluksia, sekä ymmärtää muiden tekemiä web-sovelluksia.

Ensimmäisessä osassa opiskellaa HTML:ää joka on verkkosivustojen rakentamisessa käytetty merkintäkieli.


Toisessa osassa opiskellaan CSS:n perusteita, kuten tyylitiedoston käyttöä, sääntöjä, selektoreita ja muotoilua. Käsitellään myös CSS:n edistyneitä ominaisuuksia, kuten animaatioita ja responsiivista suunnittelua.


Kolmannessa osassa opiskellaan JavaScriptia joka on nykyisin valtavan tärkeä työkalu sekä frontend että backend -kehityksessä ja sitä kautta myös tietoturvassa ja eettisessä hakkeroinnissa.

Viimeisessä osassa opiskellaan rakentamaan taustajärjestelmiä Python Flask sovelluskehyksellä. Opit taustajärjestelmien perusteet, kuten tietokantojen käytön, autentikoinnin, istunnonhallinnan sekä pääsynhallinnan.

Voit tehdä kurssin tehtäviä omalla koneellasi jos haluat, mutta jokaisessa koodiesimerkissä on nappi jolla voit suoraan selaimessa ajaa kyseisen koodin ja nähdä miltä sivu näyttää, tai mitä skripti tulostaa. Sinun ei siis tarvitse asentaa mitään, mutta voit jos haluat.

On suositeltavaa mutta vapaaehtoista tehdä tili replit.com palvelussa, tällöin voit vain klikata "Fork" koodiesimerkeissä niin saat niistä kopion itsellesi jolla voit leikkiä

CSS Fontit

Fontin nimen määrittäminen

Hakkeroinnin oppiminen alkaa tästä