Typografi - typsnittsegenskaper - Versionshistorik

PGJ: /* font-weight */

2019-01-12T20:41:23Z

font-weight

← Äldre version		Versionen från 12 januari 2019 kl. 20.41
Rad 20:		Rad 20:
	;<code>lighter</code>: Ett snäpp smalare än föräldraelementet.		;<code>lighter</code>: Ett snäpp smalare än föräldraelementet.
	; <code>100</code>, <code>200</code>, <code>300</code>, <code>400</code>, <code>500</code>, <code>600</code>, <code>700</code>, <code>800</code>, <code>900</code>: Olika fethetsnivåer, där <code>400</code> är <code>normal</code>.		; <code>100</code>, <code>200</code>, <code>300</code>, <code>400</code>, <code>500</code>, <code>600</code>, <code>700</code>, <code>800</code>, <code>900</code>: Olika fethetsnivåer, där <code>400</code> är <code>normal</code>.
	<codepen pen="reyjWY" tab="css" height="550">		<codepen pen="reyjWY" tab="css,result" height="550">
	</codepen>		</codepen>

	Vad denna egenskap resulterar i kan variera beroende på vilket teckensnitt som används. Vissa teckensnitt har inte många varianter för fetheten. Då kan det bli mer eller mindre samma resultat oavsett vad man anger med denna egenskap.		Vad denna egenskap resulterar i kan variera beroende på vilket teckensnitt som används. Vissa teckensnitt har inte många varianter för fetheten. Då kan det bli mer eller mindre samma resultat oavsett vad man anger med denna egenskap.

PGJ: /* font-size */

2019-01-12T20:40:42Z

font-size

← Äldre version		Versionen från 12 januari 2019 kl. 20.40
Rad 2:		Rad 2:

	== <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 textstorleken. 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="EwwxWo" tab="css" height="550">		<codepen pen="EwwxWo" tab="css,result" height="550">
	</codepen>		</codepen>

PGJ: /* font-size */

2017-10-02T18:00:42Z

font-size

← Äldre version		Versionen från 2 oktober 2017 kl. 18.00
Rad 4:		Rad 4:
	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="EwwxWo" tab="css" height="550">
	</codepen>		</codepen>

PGJ: /* Nästa aktivitet */

2016-03-20T12:27:27Z

Nästa aktivitet

← Äldre version		Versionen från 20 mars 2016 kl. 12.27
Rad 25:		Rad 25:

	== Nästa aktivitet ==		== Nästa aktivitet ==
	[[Typografi - ~~typsnittsegenskaper~~]]		[[Typografi - textegenskaper]]

	[[Category:Webbutveckling]]		[[Category:Webbutveckling]]

	__FORCETOC__		__FORCETOC__

PGJ: /* font-weight */

2016-03-20T12:25:19Z

font-weight

← Äldre version		Versionen från 20 mars 2016 kl. 12.25
Rad 19:		Rad 19:
	;<code>bolder</code>: Ett snäpp fetare än föräldraelementet.		;<code>bolder</code>: Ett snäpp fetare än föräldraelementet.
	;<code>lighter</code>: Ett snäpp smalare än föräldraelementet.		;<code>lighter</code>: Ett snäpp smalare än föräldraelementet.
	; 100, 200, 300, 400, 500, 600, 700, 800, 900: Olika fethetsnivåer, där 400 är normal.		; <code>100</code>, <code>200</code>, <code>300</code>, <code>400</code>, <code>500</code>, <code>600</code>, <code>700</code>, <code>800</code>, <code>900</code>: Olika fethetsnivåer, där <code>400</code> är <code>normal</code>.
	<codepen pen="reyjWY" tab="css" height="550">		<codepen pen="reyjWY" tab="css" height="550">
	</codepen>		</codepen>

PGJ: /* font-weight */

2016-03-20T12:24:07Z

font-weight

← Äldre version		Versionen från 20 mars 2016 kl. 12.24
Rad 15:		Rad 15:
	Denna egenskap styr hur fet en font ska vara. Detta går att ange på lite olika vis.		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">		;<code>normal</code>: Normal fethet. Detta är defaultvärdet. Samma som <code>400</code>.
			;<code>bold</code>: Något fetare stil. Samma som <code>700</code>.
			;<code>bolder</code>: Ett snäpp fetare än föräldraelementet.
			;<code>lighter</code>: Ett snäpp smalare än föräldraelementet.
			; 100, 200, 300, 400, 500, 600, 700, 800, 900: Olika fethetsnivåer, där 400 är normal.
			<codepen pen="reyjWY" tab="css" height="550">
	</codepen>		</codepen>
			Vad denna egenskap resulterar i kan variera beroende på vilket teckensnitt som används. Vissa teckensnitt har inte många varianter för fetheten. Då kan det bli mer eller mindre samma resultat oavsett vad man anger med denna egenskap.

	== Nästa aktivitet ==		== Nästa aktivitet ==

PGJ: /* font-size */

2016-03-20T12:14:11Z

font-size

← Äldre version		Versionen från 20 mars 2016 kl. 12.14
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.

	~~[[Category:Webbutveckling]]~~

	<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 ==

PGJ: /* font-size */

2016-03-20T12:12:35Z

font-size

← Äldre version		Versionen från 20 mars 2016 kl. 12.12
Rad 2:		Rad 2:

	== <code>[[font-size]]</code> ==		== <code>[[font-size]]</code> ==
	Med hjälp av egenskapen <code>[[font-size]]</code>, kan man styra ~~hur stor texten kommer att visas~~. 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.

	[[Category:Webbutveckling]]		[[Category:Webbutveckling]]

PGJ den 20 mars 2016 kl. 12.11

2016-03-20T12:11:57Z

← Äldre version		Versionen från 20 mars 2016 kl. 12.11
Rad 13:		Rad 13:
	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 -->

			== Nästa aktivitet ==
			[[Typografi - typsnittsegenskaper]]

			[[Category:Webbutveckling]]

	__FORCETOC__		__FORCETOC__

PGJ: /* font-size */

2016-03-20T12:11:06Z

font-size

← Äldre version		Versionen från 20 mars 2016 kl. 12.11
Rad 2:		Rad 2:

	== <code>[[font-size]]</code> ==		== <code>[[font-size]]</code> ==
	Med hjälp av egenskapen <code>[[font-size]]</code>, kan man styra hur stor texten ~~ska vara~~. 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 hur stor texten kommer att visas. 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.

	[[Category:Webbutveckling]]		[[Category:Webbutveckling]]