Font size

px Allows you to accuratly specify the exact size in pixels. Many browsers will not allow users to alter the size of text specified with px. Greate for design, bad for accesibility and users wanting to change the size of text on a page em em unit of measurement refers to the font size of […]

Read More

Vertical Align

Good resources https://blog.logrocket.com/13-ways-to-vertical-center/ Classic align middle method The translateY repositions the element vertically so that it becomes centered at the 50% point itself For center aligned text: Place an image in the center of the browser window Placing text at the bottom of the screen

Read More

Google Fonts

Using Google Fonts Offline Find the font you want to use and find the Google recommended link to use (in the “Standard” tab).  e.g. <link href=’http://fonts.googleapis.com/css?family=VT323′ rel=’stylesheet’ type=’text/css’> Enter the URL portion into your browser and get the resulting css, e.g. http://fonts.googleapis.com/css?family=VT323 gives: @font-face { font-family: ‘VT323’; font-style: normal; font-weight: 400; src: local(‘VT323’), local(‘VT323-Regular’), url(http://themes.googleusercontent.com/static/fonts/vt323/v4/LfMzj2MWAZU6qzlnp1MNbg.woff) […]

Read More

Text

Text Align Line Height Set the height of each line (within a paragraph)  Set the gap after a paragraph of text

Read More