Category: Text
Color
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 […]
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 […]
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) […]
Line Height
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
Text
Text Align Line Height Set the height of each line (within a paragraph) Set the gap after a paragraph of text
Text Align
Text Align
Text Containers
Force text to break even if it has no spaces in it
Text effects
Text Shaddow Outline Text Characters