CSS Enhancing Design with CSS Styling Text Web-Safe Typefaces and Font Stacks

Lewis Cosmollis
seal-mask
.a{fill-rule:evenodd;}techdegree
Lewis Cosmollis
Front End Web Development Techdegree Student 3,291 Points

Gotham Rounded doesn't work so I substituted but want to know why it doesn't work

I've used papyrus but maybe the font here is just typed wrong or something regardless I couldn't figure out how to get the font they wanted.

2 Answers

It doesn't work because you don't have the typeface installed on your computer; to use it you have to download it or link to the file that contains the styles for the typeface Also, the Gotham Rounded typeface is a commercial typeface, so you have to pay a certain amount to use it.

Chris Adams
seal-mask
.a{fill-rule:evenodd;}techdegree
Chris Adams
Front End Web Development Techdegree Student 9,353 Points

Hey Lewis,

I believe this font would need to be imported. Do you want to provide a copy of your existing code for us to see, as this might help to better understand the issue you're experiencing.

W3S provides a list of the current websafe fonts: https://www.w3schools.com/cssref/css_websafe_fonts.asp

And here you can find a short guide on importing new fonts into your html/css: https://www.w3schools.com/css/css_font_google.asp

Chris