CSS-Scheibo - CSS Framework

Font Families

Toggle example guides Toggle HTML markup

Utilities for controlling the font family of an element.
generate font classes from all fonts, use class link .font-FONTNAME

<insert-markup>3.2-</insert-markup>
Aa
a b c d e f g h i j k l m n o p q r s t u v w x y z ä ü ö ß
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Ä Ü Ö ß
1 2 3 4 5 6 7 8 9 0
.font-droid
Droid Serif, sans-serif
<insert-markup>3.2-0</insert-markup>
Aa
font-droid
a b c d e f g h i j k l m n o p q r s t u v w x y z ä ü ö ß
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Ä Ü Ö ß
1 2 3 4 5 6 7 8 9 0
.font-ruda
Ruda, sans-serif
<insert-markup>3.2-1</insert-markup>
Aa
font-ruda
a b c d e f g h i j k l m n o p q r s t u v w x y z ä ü ö ß
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Ä Ü Ö ß
1 2 3 4 5 6 7 8 9 0
.font-opensans
Open Sans Condensed, sans-serif
<insert-markup>3.2-2</insert-markup>
Aa
font-opensans
a b c d e f g h i j k l m n o p q r s t u v w x y z ä ü ö ß
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Ä Ü Ö ß
1 2 3 4 5 6 7 8 9 0
Markup: objects/fonts.html 
<div class="sc5fontwrapper [modifier class]">
	<div class="sc5fontwrapper__bigfont">Aa</div>
	<div class="sc5fontwrapper__fontselection">
		[modifier class]
		<hr />
		<div>a b c d e f g h i j k l m n o p q r s t u v w x y z ä ü ö ß</div>
		<div>A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Ä Ü Ö ß</div>
		<div>1 2 3 4 5 6 7 8 9 0</div>
	</div>
</div>
Source: _objects.scss, line 349