Text Blocks
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, optio, doloribus iste excepturi eum libero ut aspernatur dolorum sint est laborum molestias error quo neque vitae autem nulla tempora nam et consequuntur vel dolores.
Ultimate Control
Nuanced aspects of design are incredibly important. For this reason, we've baked some awesomely finite controls into Adapto's typography. With custom classes assigned to respective font-weights, we think you (and your site or application) will love the attention to detail.
As an example of just one practical application, here's an email signup box that utilizes three different font-weights for emphasis (and deemphasis of different aspects of the message - think "I really want people to sign-up for my list, but this other info's also important).
For Sales notifications and other awesome info, join our newsletter
<!-- Code from the above example -->
<p class="lead text-center"><span class="f400">For Sales notifications</span> and other awesome info, <span class="f600">join our newsletter</span></p>
Notice the f400
and f600
classes in the above example. These are convenient ways of quickly building headings of varying weights. Simply apply any of the below classes to a span class and you're good to go.
NOTE: If you choose to use a different font with Adapto, these classes may or may not work. Look for fonts with the different weights available. Also, know that 400 weight is the default "normal" and that using the <b>bold</b>
tag maps to the 700 weight.
This is 300 weight
This is 400 weight
This is 600 weight
This is 700 weight
This is 800 weight
<!-- Code for the above example -->
<h3><span class="f300">This is 300 weight</span></h3>
<h3><span class="f400">This is 400 (normal) weight</span></h3>
<h3><span class="f600">This is 600 weight</span></h3>
<h3><span class="f700">This is 700 (<b>bold</b>) weight</span></h3>
<h3><span class="f800">This is 800 weight</span></h3>
Standard Markup
"The Snow Queen" is a fairy tale by Hans Christian Andersen--centering around a brother and a sister. The story was first published in 1845. Here's the first part of the story for a solid example of standard header and paragraph markup.
Example Text
The Snow Queen
Which Treats of a Mirror and of the Splinters
Now then, let us begin. When we are at the end of the story, we shall know more than we know now: but to begin.
Once upon a time there was a wicked sprite, indeed he was the most mischievous of all sprites. One day he was in a very good humor, for he had made a mirror with the power of causing all that was good and beautiful when it was reflected therein, to look poor and mean; but that which was good-for-nothing and looked ugly was shown magnified and increased in ugliness. In this mirror the most beautiful landscapes looked like boiled spinach, and the best persons were turned into frights, or appeared to stand on their heads; their faces were so distorted that they were not to be recognized; and if anyone had a mole, you might be sure that it would be magnified and spread over both nose and mouth.
"That's glorious fun!" said the sprite. If a good thought passed through a man's mind, then a grin was seen in the mirror, and the sprite laughed heartily at his clever discovery. All the little sprites who went to his school--for he kept a sprite school--told each other that a miracle had happened; and that now only, as they thought, it would be possible to see how the world really looked. They ran about with the mirror; and at last there was not a land or a person who was not represented distorted in the mirror. So then they thought they would fly up to the sky, and have a joke there. The higher they flew with the mirror, the more terribly it grinned: they could hardly hold it fast. Higher and higher still they flew, nearer and nearer to the stars, when suddenly the mirror shook so terribly with grinning, that it flew out of their hands and fell to the earth, where it was dashed in a hundred million and more pieces. And now it worked much more evil than before; for some of these pieces were hardly so large as a grain of sand, and they flew about in the wide world, and when they got into people's eyes, there they stayed; and then people saw everything perverted, or only had an eye for that which was evil. This happened because the very smallest bit had the same power which the whole mirror had possessed. Some persons even got a splinter in their heart, and then it made one shudder, for their heart became like a lump of ice. Some of the broken pieces were so large that they were used for windowpanes, through which one could not see one's friends. Other pieces were put in spectacles; and that was a sad affair when people put on their glasses to see well and rightly. Then the wicked sprite laughed till he almost choked, for all this tickled his fancy. The fine splinters still flew about in the air: and now we shall hear what happened next...
Example Code
<!-- Code from the above example -->
<h1>The Snow Queen <br>
<small>Which Treats of a Mirror and of the Splinters</small></h1>
<p class="lead">Now then, let us begin. When we are at the end of the story, we shall know more than we know now: but to begin.</p>
<p class="dropcap">Once upon a time there was a wicked sprite, indeed he was the most mischievous of all sprites. One day he was in a very good humor, for he had made a mirror with the power of causing all that was good and beautiful when it was reflected therein, to look poor and mean; but that which was good-for-nothing and looked ugly was shown magnified and increased in ugliness. In this mirror the most beautiful landscapes looked like boiled spinach, and the best persons were turned into frights, or appeared to stand on their heads; their faces were so distorted that they were not to be recognized; and if anyone had a mole, you might be sure that it would be magnified and spread over both nose and mouth.</p>
<p>"That's glorious fun!" said the sprite. If a good thought passed through a man's mind, then a grin was seen in the mirror, and the sprite laughed heartily at his clever discovery. All the little sprites who went to his school--for he kept a sprite school--told each other that a miracle had happened; and that now only, as they thought, it would be possible to see how the world really looked. They ran about with the mirror; and at last there was not a land or a person who was not represented distorted in the mirror. So then they thought they would fly up to the sky, and have a joke there. The higher they flew with the mirror, the more terribly it grinned: they could hardly hold it fast. Higher and higher still they flew, nearer and nearer to the stars, when suddenly the mirror shook so terribly with grinning, that it flew out of their hands and fell to the earth, where it was dashed in a hundred million and more pieces. And now it worked much more evil than before; for some of these pieces were hardly so large as a grain of sand, and they flew about in the wide world, and when they got into people's eyes, there they stayed; and then people saw everything perverted, or only had an eye for that which was evil. This happened because the very smallest bit had the same power which the whole mirror had possessed. Some persons even got a splinter in their heart, and then it made one shudder, for their heart became like a lump of ice. Some of the broken pieces were so large that they were used for windowpanes, through which one could not see one's friends. Other pieces were put in spectacles; and that was a sad affair when people put on their glasses to see well and rightly. Then the wicked sprite laughed till he almost choked, for all this tickled his fancy. The fine splinters still flew about in the air: and now we shall hear what happened next...</p>