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

Font

Global font Set the font in the <body> style and nowhere else to allow the font to be changed from one place. Spacing Lines If you don’t want the spacing between paragraphs use margin. If you set margin to 0 there will be no spacing. If you have a gap between 2 different sytles, then […]

Read More