line-height: normal Default line-height: number A value that will be multiplied with the current font-size to set the line height (e.g. 1.6) line-height: length A fixed line height in px, pt, cm, etc. line-height: % Percent of the current font size line-height: inherit Inherits this property from its parent element. Read about inherit
Category: Text
Bold
Color
Text effects
Text Shaddow Outline Text Characters
Underline
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 […]
Text Containers
Force text to break even if it has no spaces in it
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
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) […]
Text Align
Text Align