Typografi

Typografi

Fontfamiljer

Vi använder oss av två olika fontfamiljer på webbplatsen. Dessa är:

Raleway för rubriker
Roboto för texter
Rubriker (Headings)

Vi använder alla de vanliga HTML-rubrikerna, dvs "Heading 1" till "Heading 6"

Rubrik 1 (Heading 1)

Rubrik 2 (Heading 2)

Rubrik 3 (Heading 3)

Rubrik 4 (Heading 4)

Rubrik 5 (Heading 5)
Rubrik 6 (Heading 6)
Brödtext (Paragraph)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo elementum diam, non aliquam risus tincidunt at. Sed et metus dignissim, varius orci eu, viverra lorem. Sed feugiat purus a leo scelerisque pharetra. Curabitur at pretium augue. Proin feugiat, libero id lacinia eleifend, nibh risus vulputate nisl, a luctus lorem orci sit amet metus. Nulla ut massa ac dui eleifend tincidunt. Suspendisse commodo sodales leo eget efficitur. Nunc at nisi augue. Cras tincidunt arcu lacus, sed tincidunt nisl mattis a. Vestibulum quis iaculis arcu. Phasellus sodales volutpat mauris. Mauris quis volutpat nunc. Sed ut molestie urna, vel faucibus lectus. Vestibulum molestie in felis sed bibendum.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla facilisi. Nullam finibus, mi sed consectetur tempus, elit turpis euismod ex, vel laoreet tellus sapien et urna. Etiam lacus lectus, tempor sit amet viverra ut, mattis vel nulla. Phasellus ullamcorper lectus a lorem feugiat ultricies vel at tellus. Etiam velit orci, fermentum venenatis ullamcorper ut, ultricies id lectus. Proin sagittis turpis et metus commodo accumsan. Pellentesque volutpat consectetur tincidunt. Vivamus metus tellus, gravida eget ultricies id, luctus in nulla. Nullam vehicula tristique leo, non sagittis dolor gravida at. Sed mattis et arcu tempor vulputate.

Anfang

I systemet kan du välja att ha anfang (eller drop cap som det heter på engelska). Du behöver inte markera en särkilld bokstav utan stilen sätts till hela stycket.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo elementum diam, non aliquam risus tincidunt at. Sed et metus dignissim, varius orci eu, viverra lorem. Sed feugiat purus a leo scelerisque pharetra. Curabitur at pretium augue. Proin feugiat, libero id lacinia eleifend, nibh risus vulputate nisl, a luctus lorem orci sit amet metus. Nulla ut massa ac dui eleifend tincidunt. Suspendisse commodo sodales leo eget efficitur. Nunc at nisi augue. Cras tincidunt arcu lacus, sed tincidunt nisl mattis a. Vestibulum quis iaculis arcu. Phasellus sodales volutpat mauris. Mauris quis volutpat nunc. Sed ut molestie urna, vel faucibus lectus. Vestibulum molestie in felis sed bibendum.

Inledning

I systemet kan du välja att ange ett första stycke som inledning.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo elementum diam, non aliquam risus tincidunt at. Sed et metus dignissim, varius orci eu, viverra lorem. Sed feugiat purus a leo scelerisque pharetra. Curabitur at pretium augue. Proin feugiat, libero id lacinia eleifend, nibh risus vulputate nisl, a luctus lorem orci sit amet metus. Nulla ut massa ac dui eleifend tincidunt. Suspendisse commodo sodales leo eget efficitur. Nunc at nisi augue. Cras tincidunt arcu lacus, sed tincidunt nisl mattis a. Vestibulum quis iaculis arcu. Phasellus sodales volutpat mauris. Mauris quis volutpat nunc. Sed ut molestie urna, vel faucibus lectus. Vestibulum molestie in felis sed bibendum.

Vänsterjustering
Pellentesque cursus placerat hendrerit. Donec sed erat nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vitae consequat erat. Quisque faucibus felis et fringilla imperdiet. Etiam at porttitor elit, quis convallis massa. Ut id risus sapien. Praesent sit amet arcu a eros laoreet facilisis id eget risus.
Högerjustering
Pellentesque cursus placerat hendrerit. Donec sed erat nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vitae consequat erat. Quisque faucibus felis et fringilla imperdiet. Etiam at porttitor elit, quis convallis massa. Ut id risus sapien. Praesent sit amet arcu a eros laoreet facilisis id eget risus.
Centrerad
Pellentesque cursus placerat hendrerit. Donec sed erat nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vitae consequat erat. Quisque faucibus felis et fringilla imperdiet. Etiam at porttitor elit, quis convallis massa. Ut id risus sapien. Praesent sit amet arcu a eros laoreet facilisis id eget risus.
Justerad
Pellentesque cursus placerat hendrerit. Donec sed erat nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vitae consequat erat. Quisque faucibus felis et fringilla imperdiet. Etiam at porttitor elit, quis convallis massa. Ut id risus sapien. Praesent sit amet arcu a eros laoreet facilisis id eget risus.
Transformering
Endast gemener
Endast versaler
Kapitäler
Citat

Racing is life, everything before or after is just waiting.”

Frank Zappa
Textstilar

Markerad text text

Borttagen text

Understruken text

Liten text

Fet text

Kursiv text

Punktlista

En lista med rappakalja

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
  • Faucibus porta lacus fringilla vel
Numrerad lista

En lista med rappakalja

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Nulla volutpat aliquam velit
    1. Phasellus iaculis neque
    2. Purus sodales ultricies
  4. Faucibus porta lacus fringilla vel
TCC Sverige AB

Växlarevägen 25, 170 63 Solna

010-123 45 67

info@tcc.se

www.tcc.se

TCC, en del av Train Competence Group AB