web fonts

web fonts are hosted by an external srver or servise sush as google web server, adobe typekit, or monotype inc. Fonts.com these web fonts allow designers to pull typefaces from a server to display those typefaces on their owb websites.

without web fonts, a user's computer may not display the right font because thir compiuter lakcs the proper files.

web fonts vs. @font-face

@font-face is a css feature that allows you to use fonts that exist on your computer as web font.

web fonts are typefaces that have been optimized and cleared for use on websites.

fonts fallbacks

fonts fallbacks are writting in css as a way to prevent that user's computer from using a system default typeface

Writitng fallbakcs

An exemple of a font fallback

font-family: 'muli', 'tahoma', sans-serifs,

Google Web Fonts

Font Squirrel

pseudo classes

psudos classes deal "events" in css typically a psesuo classes will wait for the user to perform a certain action before it rins the css.

pseudo classes are written with selections like this....


this example above the pseudo call is :hover this class waits to the user to hover their mouse cursor over an element beofre the css will run

button transition

hover 3

hover 4