One Gigantic Headline

Sample Simple Post

Posted by Chedie on March 24

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque feugiat hendrerit ante ut sagittis. Fusce blandit interdum tellus, non ornare massa luctus id. Proin lectus libero, dignissim sit amet dignissim in, facilisis sit amet tellus. Aenean sed felis a justo ultrices facilisis. Sed vehicula sagittis consequat. Donec iaculis lacinia augue eu aliquam. Vestibulum aliquet erat quis felis venenatis a ullamcorper diam semper. Donec vel neque quis sem fermentum tincidunt ac in mi. Pellentesque auctor consectetur justo, eu fermentum urna volutpat sit amet. Suspendisse lacus tellus, porta sed condimentum et, elementum vel diam. Donec at massa neque. Sed lobortis feugiat metus, tincidunt dignissim quam convallis sed.

In vulputate, elit sed egestas auctor, tortor dui tincidunt urna, eget elementum ligula orci rutrum est. Pellentesque nec velit risus. Cras nec augue erat. Proin a faucibus sem. Nam elementum bibendum tortor vitae auctor. Donec sed quam sit amet velit ultricies tempor at non magna. Sed laoreet lectus sit amet sem pellentesque sagittis convallis quam interdum. In cursus leo in nunc fermentum rhoncus. In blandit, turpis eu placerat ultrices, justo ante dictum velit, ac pulvinar sapien ante ac nulla. Integer id velit urna. Mauris vel purus nunc. Nullam aliquam, orci ut dignissim ultricies, justo nisi sagittis turpis, vel sagittis odio ipsum sit amet dolor. Praesent velit tortor, vulputate quis tincidunt at, vehicula vel sapien. Duis semper fermentum enim sed interdum. Fusce eros sapien, ultrices in suscipit a, commodo nec lacus. Pellentesque ornare fringilla elit, sit amet mollis lacus placerat ac.

Comment on this (5) • Tweet this • Stumble Upon

Selectors

  • Lorem ipsum dolor PDF sit amet.
  • Lorem ipsum dolor MS Word sit amet.
  • Nulla lacus metus RSS Feed luctus eget.

Pseudo Elements

UI element state pseudo-classes

Font-face

* NOTE: There are licensing issues for fonts, which have to be researched on before using this css feature.

For this to work, the major requirement is that your chosen font be available in three or four different formats. To make this easier, I strongly recommend using the @font-face Generator by Font Squirrel (http://www.fontsquirrel.com/fontface/generator/). Simply upload the font file you want to use and @font-face Generator converts it into all the relevant formats—as well as generates the CSS you need to use in your pages. It's an invaluable tool.

Font Squirrel also has a library of fonts that are ready to use with @font-face embedding, saving you the task of converting.

To read more about the "bulletproof" @font-face syntax, visit the site of developer Paul Irish who is largely responsible for creating this syntax. He explains in detail why each part of it is necessary (http://www.paulirish.com/ 2009/bulletproof-font-face-implementation-syntax/).

«««««« Example for font-face below. ««««««

Great Expectations

By Charles Dickens

My father's family name being Pirrip, and my Christian name Philip, my infant tongue could make of both names nothing longer or more explicit than Pip. So, I called myself Pip, and came to be called Pip.

** Note <h3>'s in this page is in another font. This font is not installed on the PC as of this moment on integrating this data. This heavily relies on fonts that come along with this page. **

Text Effects and Typographic Styles

Shadow 1

Shadow 2

Letterpress

Multiple Columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel faucibus nisl. Etiam ligula dolor, ultricies ut convallis et, aliquet gravida orci. Morbi id nunc eget arcu pellentesque vulputate in in lectus. Sed eros enim, condimentum in vehicula a, consequat eget urna. Nunc sapien turpis, posuere a tristique a, laoreet ac massa. Donec eleifend pharetra libero ac placerat. Morbi iaculis faucibus nulla, dapibus dapibus magna tincidunt at. Suspendisse potenti. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque mattis convallis erat, ut tempor sem suscipit in. Maecenas quis lorem sit amet nisi accumsan congue et ultricies dolor. Curabitur fringilla, tortor vel adipiscing tristique, eros magna cursus arcu, nec dignissim felis arcu volutpat metus. Etiam tincidunt rutrum tincidunt.