Trouble with Fonts for Web Page Creation

schmiford · schmiford #1 (**permalink**)

06-02-2008, 09:45 PM

Hi, new here. Half way through a bag of miniature candy bars with frustration, figured I better find some help!

Took classes in html and css. Basic understanding of how to create web pages, done several for my family, all on PC. Bought Mac. Using Bean for text program to create html document. Use Firefox for browser.

At the moment I'm trying to create a page for my kids to use to keep track of chores. It will not be uploaded to my server, we will use it directly from the computer and just open it in a web browser window.

Being so, figured I could use whatever font I wanted because from what I learned, if you have the font in your computer, the web page will show in the font indicted by the html code. Trouble is - it's not showing. I downloaded some fonts (mac versions) to use specifically for this project and they won't show in the web page.

I've tried placing the font families in the css code at the beginning, in the individual tags before the text starts, through <span> tags. I've tried using the name of the font itself & the file name of the font. Tried adding the fonts into the "web collection" in font book. I'm now at a loss and getting fatter by the minute. Please help me understand what's going on.

Maybe it will help if you know what fonts I'm using:
Cheeseburger CHEESEBU.TTF Windows TrueType font

Cookies Cookies.ttf Windows TrueType font

Funny Pages Funny pages Font Suitcase

Gorilla Milkshake gorilla milkskake (didn't spell it wrong, that's how it is) Font Suitcase

Hasty Pudding Hasty Pudding Font Suitcase

CircularSaw · CircularSaw #2 (**permalink**)

06-03-2008, 04:33 AM

Can you provide the code for your site. Both HTML and CSS so i can have a look?

louishen · louishen #3 (**permalink**)

06-03-2008, 03:44 PM

The fonts you specify in the CSS code have to be installed on the target computer

That's why most CSS specifies fonts that are common an most PC , Linux and Mac set-ups

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

louishen · louishen #4 (**permalink**)

06-03-2008, 03:53 PM

I should add that non standard fonts, if you want to use them for the odd title or header should be saved as a GIF file and placed on the page as a picture

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
File from a Windows user messed up my fonts	marka2	OS X - Operating System	2	04-19-2006 04:18 PM
trouble converting and storing html page to pdf file	Water	OS X - Apps and Games	1	02-08-2006 03:13 AM
fonts in classic mode	cangel	Apple Desktops	7	05-06-2005 04:20 PM
fonts problem	idea3	OS X - Operating System	0	05-17-2004 09:05 PM

Trouble with Fonts for Web Page Creation

Internet Services

Web Development

Digital Marketing

Consumer Tech

schmiford #1 (permalink)
Member Since: Jun 02, 2008 Location: PA Posts: 1 Mac Specs: iMac OSX	06-02-2008, 09:45 PM Hi, new here. Half way through a bag of miniature candy bars with frustration, figured I better find some help! Took classes in html and css. Basic understanding of how to create web pages, done several for my family, all on PC. Bought Mac. Using Bean for text program to create html document. Use Firefox for browser. At the moment I'm trying to create a page for my kids to use to keep track of chores. It will not be uploaded to my server, we will use it directly from the computer and just open it in a web browser window. Being so, figured I could use whatever font I wanted because from what I learned, if you have the font in your computer, the web page will show in the font indicted by the html code. Trouble is - it's not showing. I downloaded some fonts (mac versions) to use specifically for this project and they won't show in the web page. I've tried placing the font families in the css code at the beginning, in the individual tags before the text starts, through <span> tags. I've tried using the name of the font itself & the file name of the font. Tried adding the fonts into the "web collection" in font book. I'm now at a loss and getting fatter by the minute. Please help me understand what's going on. Maybe it will help if you know what fonts I'm using: Cheeseburger CHEESEBU.TTF Windows TrueType font Cookies Cookies.ttf Windows TrueType font Funny Pages Funny pages Font Suitcase Gorilla Milkshake gorilla milkskake (didn't spell it wrong, that's how it is) Font Suitcase Hasty Pudding Hasty Pudding Font Suitcase
	QUOTE Thanks

CircularSaw #2 (permalink)
Member Since: May 23, 2008 Posts: 76 Mac Specs: 2.0GHz Aluminium MacBook	06-03-2008, 04:33 AM Can you provide the code for your site. Both HTML and CSS so i can have a look?
	QUOTE Thanks

louishen #4 (permalink)
Member Since: Oct 22, 2007 Location: London Posts: 8,682 Mac Specs: Mac Mini Core i7 2012 \| White 2009 MacBook 2 Ghz \| 733 Mhz G4 Quicksilver	06-03-2008, 03:53 PM I should add that non standard fonts, if you want to use them for the odd title or header should be saved as a GIF file and placed on the page as a picture
	QUOTE Thanks

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)