Designer Tip: Using fonts in a website

Pictures tell a thousand words. Therefore, all our Responsive Hotel Website templates in the Design Store include large picture sliders to tell your hotel's story. In order to show pictures at optimum size, we have made adding, organizing easier

The font of a text massively influences the way a text is read. Different fonts are appropriate for different situations. A font can be designed to be legible at small sizes, or to be used on large posters.

Every font has a distinct personality. This is why it's important that a font is chosen that best suits the message of the text. The purpose of letters is to be read. Therefore it's best not to use fonts that are difficult to read.

In the Hotel Website, there is a choice between 47 different font types. These font types are all optimized for web use and are chosen as they cover the full spectrum of font types. 

 

Serif
These font types have a small line attached to the end of a stroke in a letter or symbol. 

  • Alegreya
  • Canberra FY
  • Century Book Std
  • Crimson Text
  • Droid Serif
  • Garamond
  • ITC Baskerville
  • ITC Caslon
  • Merriweather
  • Monotype Garamond
  • PT Serif
  • Sorts Mill Goudy
  • Source Serif Pro
  • Vollkorn


Sans
A typeface without serifs is called sans serif, from the French sans, meaning "without". This font types have no small line attached to the end of a stroke in a letter or symbol.

  • Alegreya Sans
  • Arial
  • Avenir
  • Brandon Grotesque
  • Core Sans
  • Comic Sans
  • DIN
  • Droid Sans
  • Etica
  • Filson Pro
  • Gotham
  • Helvetica
  • Lucida Grande
  • Neris
  • Neue Haas Grotesk
  • Open Sans
  • PT Sans
  • Raleway
  • Relato Sans
  • Source Sans Pro
  • Verdana


Display

These font types are mainly used for headings and captions. These fonts are creative and vivid, but can be hard to read when used in body text.

  • Belinda
  • Dancing Script
  • Factoria
  • HammerSmith One
  • Handsome
  • League Gothic
  • Old Standard TT
  • Playfair Display
  • PT Sans Caption
  • Quantico
  • Vidaloka
  • Yanone Kaffeesatz

 

Read more in this article about Choosing the Right Font a Guide to Typography and User Experience or this article about Goofy Fonts.