3. Responsive Typography and Colors
  1. 10m 57s
    Sep 01, 2016

In this tutorial we are demonstrating how to achieve top quality responsive typography for your DNN8 themes.

We will walk through to how to choose the perfect fonts for headings and body copy, how to apply these fonts to your theme and how to achieve good readability on all screen sizes.

Good typography is absolutely the most important aspect on a modern website, and for at least a decade, DNN has had a bad rep for looking bland and corporate. Fortunately this has begun to change, but there are several things, as developers, we must learn.

Type must be comfortable to read, all the way to the end of the article, to help with this, we must choose the correct fonts, the correct font size, and line heights.

This video contains:

  • Setting the base font size
  • Optimizing for mobile screens
  • Line height and spacing for readability
  • Setting heading element sizes
  • Adapting typography for various screen widths
  • Choosing colors and contrast
Tags:
skin beginners dnn8
Author:
Andy Stephenson

About 2016 Edition

2h 45m 32s All Jan 01, 2016

DNN Video Tutorials posted during 2016

Tags:
dnn7 dnn8 advanced beginners skin
Author:
Andy Stephenson
Back

Try FREE
30 days money back guaranteed