Fonts using CSS

	Fonts using CSS by Michael Stancato on Mar 8, 2009 at 3:04:03 am Mac OS 10.4.11 Dreamweaver CS3 I'm finally going through my TotalTraining Dreamweaver 8 DVD's trying to learn how to build my website. I want to build it using CSS and AP Div Layers. I want to use another font like Trade Gothic. I created a style sheet using these fonts. Do these fonts get loaded into people's browsers so that it displays properly? Respond to this post   •   Return to posts index

	Re: Fonts using CSS by Fernando Mol on Mar 8, 2009 at 6:28:53 am Not really. when you assign a set of fonts the users system will look for them in order. If you look at the common sets, they have tree fonts. For example: Arial, Helvetica, Sans Serif. This means the computer will look for Arial to display the font. If the system doesn't have it, it will look for Helvetica. If Helvetica isn't installed too, it will look for the default Sans Serif font. There are different techniques to display text with an unusual fonts (flash text and bitmap text), but those are generally used only with titles. www.fernandomol.com Respond to this post   •   Return to posts index

	Re: Fonts using CSS by Richard Williams on Mar 8, 2009 at 2:53:10 pm you can place a font on your server and tell the page to download the font when someone visits the page that hasn't got it installed, but it will not do this automatically obviously... it will ask the user if they want to download it... generally this can have the effect of scaring people off the site so not really ideal Richard Williams Respond to this post   •   Return to posts index

	Re: Fonts using CSS by Michael Stancato on Mar 8, 2009 at 3:39:46 pm Do fonts like Trade Gothic then display properly on peoples browsers through some other means? I haven't checked this site on http://browsershots.org/ yet. because I don't have a place to upload an unfinished site. Is that where I'll find my answer? Although this design it not crucial, being a graphic designer I'm trying to learn how to control the typography. Is there a guideline on the W3C that says the "best practice" is to not bother with a font like Trade Gothic since it's so much like Helvetica or Ariel? Should I use it and not worry about whether it displays well. Respond to this post   •   Return to posts index

	Re: Fonts using CSS by Fernando Mol on Mar 8, 2009 at 4:10:01 pm You can consider different fonts for titles, but for the common text of you site (unless you are designing it in Flash) you should use one common set of fonts. Use the default ones that come in Dreamweaver. You can create a different one if your target audience is known to have a specific font in their system (search google for default system fonts). If your title is designed with a different font, you can create an image of your title, then, you place the image instead of text and voilà. You can do the same with Flash. Create a swf with the title and place it in your page. Users will not see the difference, but... ...search engines will. If you are concerned with Search Engine Optimization (SEO) and accessibility you can use the offleft technique: 1) Create a CSS class with absolute position and a big margin-left value (-9999). Name it "offleft". 2) Then write your title. 3) With CSS apply a background image to your title (the header tag or a div tag), you need to assign an id for each title and create a rule for each one). 4) Select your title text and apply the offleft class. Your text title will be there for google and screen readers to see it, but it will be seen in the monitor, just the bitmap text (the background image) with your unusual font. www.fernandomol.com Respond to this post   •   Return to posts index