Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Forståelse og Bruk av Font-Egenskaper | Stile Tekst i CSS
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
CSS-Grunnleggende

bookForståelse og Bruk av Font-Egenskaper

Her er de vanligste CSS-egenskapene som brukes for å style skrifttyper:

selector {
  font-family: 'Montserrat' | 'Oswald' | 'Lato' |...; /* any font family */
  font-size: 12px | 0.5em | 0.8rem |...; /* it can be any value in px/em/rem units */
  font-weight: 400 | 500 | 700 | 900 |...; /* value 100 - 900 */
  font-style: normal | italic | oblique; /* only these values available */
}
Note
Merk

Alle eksempler bruker den samme teksten for å vise hvordan disse egenskapene endrer utseendet.

font-family

Definerer skrifttypen som brukes til å vise tekst. Du kan angi én skrifttype eller en liste med reservefonter adskilt med komma.

font-size

Styrer størrelsen på teksten. px: fast størrelse. em/rem: størrelse relativt til foreldre- eller rotnoden.

font-weight

Styrer tykkelsen på teksten. Numeriske verdier: 100–900. Nøkkelord: normal, bold, lighter.

font-style

Angir stilen på teksten: normal, italic eller oblique.

Pseudo-klasse ::first-letter

::first-letter retter seg mot den første bokstaven i et element (vanligvis et avsnitt eller en overskrift), og muliggjør dekorative eller stiliserte effekter.

selector::first-letter {
 /* some styles */
}

Kjør neste eksempel for å se hvordan det fungerer.

index.html

index.html

styles.css

styles.css

copy
Note
Sammendrag

font-family angir skrifttype og reservevalg.

font-size styrer tekststørrelse i px, em eller rem.

font-weight justerer tykkelse med tall eller nøkkelord.

font-style endrer skrifttypestil.

::first-letter styler den første bokstaven i en tekstblokk.

1. Hvilken egenskap bestemmer tykkelsen på skrifttypen?

2. Hva er standardverdien for font-style-egenskapen i CSS?

question mark

Hvilken egenskap bestemmer tykkelsen på skrifttypen?

Select the correct answer

question mark

Hva er standardverdien for font-style-egenskapen i CSS?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 5

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

bookForståelse og Bruk av Font-Egenskaper

Sveip for å vise menyen

Her er de vanligste CSS-egenskapene som brukes for å style skrifttyper:

selector {
  font-family: 'Montserrat' | 'Oswald' | 'Lato' |...; /* any font family */
  font-size: 12px | 0.5em | 0.8rem |...; /* it can be any value in px/em/rem units */
  font-weight: 400 | 500 | 700 | 900 |...; /* value 100 - 900 */
  font-style: normal | italic | oblique; /* only these values available */
}
Note
Merk

Alle eksempler bruker den samme teksten for å vise hvordan disse egenskapene endrer utseendet.

font-family

Definerer skrifttypen som brukes til å vise tekst. Du kan angi én skrifttype eller en liste med reservefonter adskilt med komma.

font-size

Styrer størrelsen på teksten. px: fast størrelse. em/rem: størrelse relativt til foreldre- eller rotnoden.

font-weight

Styrer tykkelsen på teksten. Numeriske verdier: 100–900. Nøkkelord: normal, bold, lighter.

font-style

Angir stilen på teksten: normal, italic eller oblique.

Pseudo-klasse ::first-letter

::first-letter retter seg mot den første bokstaven i et element (vanligvis et avsnitt eller en overskrift), og muliggjør dekorative eller stiliserte effekter.

selector::first-letter {
 /* some styles */
}

Kjør neste eksempel for å se hvordan det fungerer.

index.html

index.html

styles.css

styles.css

copy
Note
Sammendrag

font-family angir skrifttype og reservevalg.

font-size styrer tekststørrelse i px, em eller rem.

font-weight justerer tykkelse med tall eller nøkkelord.

font-style endrer skrifttypestil.

::first-letter styler den første bokstaven i en tekstblokk.

1. Hvilken egenskap bestemmer tykkelsen på skrifttypen?

2. Hva er standardverdien for font-style-egenskapen i CSS?

question mark

Hvilken egenskap bestemmer tykkelsen på skrifttypen?

Select the correct answer

question mark

Hva er standardverdien for font-style-egenskapen i CSS?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 5
some-alt