Typografi - typsnittsegenskaper: Skillnad mellan sidversioner
PGJ (diskussion | bidrag) |
PGJ (diskussion | bidrag) |
||
| Rad 3: | Rad 3: | ||
== <code>[[font-size]]</code> == | == <code>[[font-size]]</code> == | ||
Med hjälp av egenskapen <code>[[font-size]]</code>, kan man styra storleken på visad text. Storleken kan anges med hjälp av alla [[Måttenheter_i_CSS|CSS-måttenheter]]. Om vi använder oss av procent, så kommer procenten att räknas utifrån den grundstorlek som texten skulle ha fått om vi inte angivit något storleksförändring. I de flesta fall har då grundstorleken ärvts ifrån föräldraelementet. | Med hjälp av egenskapen <code>[[font-size]]</code>, kan man styra storleken på visad text. Storleken kan anges med hjälp av alla [[Måttenheter_i_CSS|CSS-måttenheter]]. Om vi använder oss av procent, så kommer procenten att räknas utifrån den grundstorlek som texten skulle ha fått om vi inte angivit något storleksförändring. I de flesta fall har då grundstorleken ärvts ifrån föräldraelementet. | ||
<codepen pen="ojNNRW" tab="css" height="550"> | <codepen pen="ojNNRW" tab="css" height="550"> | ||
| Rad 13: | Rad 11: | ||
Kom ihåg att många kan ha svårt att läsa på skärm, t.ex. äldre eller de med vissa typer av synfel. Är texten för liten blir det svårläst. Självklart kan användaren zooma in för att få texten till en storlek som passar, men det är ju bra att ha ett grundutseende som de flesta kan läsa. | Kom ihåg att många kan ha svårt att läsa på skärm, t.ex. äldre eller de med vissa typer av synfel. Är texten för liten blir det svårläst. Självklart kan användaren zooma in för att få texten till en storlek som passar, men det är ju bra att ha ett grundutseende som de flesta kan läsa. | ||
</div><!-- end well --> | </div><!-- end well --> | ||
== <code>[[font-weight]]</code> == | |||
Denna egenskap styr hur fet en font ska vara. Detta går att ange på lite olika vis. | |||
<codepen pen="ojNNRW" tab="css" height="550"> | |||
</codepen> | |||
== Nästa aktivitet == | == Nästa aktivitet == | ||
Versionen från 20 mars 2016 kl. 14.14
Det finns en uppsjö egenskaper som kan anges för att välja hur typsnitt ska visas upp i en webbsida. Vi kommer inte att gå igenom alla, men vi ska titta på ett urval som täcker de flesta behov.
font-size
Med hjälp av egenskapen font-size, kan man styra storleken på visad text. Storleken kan anges med hjälp av alla CSS-måttenheter. Om vi använder oss av procent, så kommer procenten att räknas utifrån den grundstorlek som texten skulle ha fått om vi inte angivit något storleksförändring. I de flesta fall har då grundstorleken ärvts ifrån föräldraelementet.
Kom ihåg att många kan ha svårt att läsa på skärm, t.ex. äldre eller de med vissa typer av synfel. Är texten för liten blir det svårläst. Självklart kan användaren zooma in för att få texten till en storlek som passar, men det är ju bra att ha ett grundutseende som de flesta kan läsa.
font-weight
Denna egenskap styr hur fet en font ska vara. Detta går att ange på lite olika vis.
Nästa aktivitet
Typografi - typsnittsegenskaper