5.Arts140-fonts-and-CSS - ART 140 FONTS ON THE WEB CSS...

Info icon This preview shows pages 1–9. Sign up to view the full content.

View Full Document Right Arrow Icon
ART 140 FONTS ON THE WEB & CSS
Image of page 1

Info icon This preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Image of page 2
LOWEST COMMON DENOMINATOR In the 90’s sites used to use whichever obscure font they wanted to and said upon entering the site, “This site looks best in xyz font, click here to download it.” Violation of copyright laws. The number of font families that are supported, by default, across both major operating systems is very small. Arguably nine fonts on this safe list. Also known as web safe fonts. Arial , Arial Black , Comic Sans MS , Courier New , Georgia , Impact , Times New Roman , Trebuchet MS , Verdana
Image of page 3

Info icon This preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
CSS & FONTS The CSS font-family attribute. font-family: Georgia, "Times New Roman", Times, serif; Calisto MT is our preferred font, Georgia is our first backup, etc. Fonts with multiple words in their name are enclosed within quotes. Single or double quotes are legit. Lastly, we add what the W3C calls a generic font family. The generic font families are serif, sans-serif, cursive(script or hand lettered), fantasy, and monospace.
Image of page 4
IMAGE-BASED FONTS
Image of page 5

Info icon This preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
@FONT-FACE, TYPEKIT AND GOOGLE FONTS
Image of page 6
THE OBVIOUS SOLUTION
Image of page 7

Info icon This preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
In print design this is referred to as “leading” This term comes from days of letterpress when blank strips of lead were used to separate lines of metal type.
Image of page 8
Image of page 9
This is the end of the preview. Sign up to access the rest of the document.

{[ snackBarMessage ]}

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern