HTML and CSS RSS HTML and CSS RSS

CSS Text ttf/eot

Thread Solved

•
•
Join Date: Oct 2009
Posts: 61
Reputation: PDB1982 is an unknown quantity at this point 
Solved Threads: 0
PDB1982 PDB1982 is offline Offline
Junior Poster in Training

CSS Text ttf/eot

 
0
  #1
26 Days Ago
I am trying to incorporate an eot/ttf file named "steve.ttf"/"steve.eot" into a CSS, but I am seeing no changes being made. The font items are located in the same folder as the html document.

Here is the code I am using:
HTML and CSS Syntax (Toggle Plain Text) 
  1. @font-face {
  2.  font-family: MyCustomFont;
  3.  src: url("steve.eot");
  4.  src: local("steve.ttf") format("truetype");
  5. }
  6.  
  7. p.style1{
  8. 	font: MyCustomFont;
  9. }

and I'm trying to insert it into this:
HTML and CSS Syntax (Toggle Plain Text) 
  1.  
  2. <p class="style1">This shoud be My New Font</p>

Do you see any errors (I'm trying to use firefox and IE)?
Reply With Quote Quick reply to this message  
•
•
Join Date: Apr 2009
Posts: 281
Reputation: SKANK!!!!! is an unknown quantity at this point 
Solved Threads: 2
SKANK!!!!! SKANK!!!!! is offline Offline
Posting Whiz in Training
 
0
  #2
26 Days Ago
fonts dont work(custom ones)
Reply With Quote Quick reply to this message  
•
•
Join Date: Nov 2009
Posts: 7
Reputation: aDevS is an unknown quantity at this point 
Solved Threads: 1
aDevS's Avatar
aDevS aDevS is offline Offline
Newbie Poster
 
0
  #3
21 Days Ago
This method works does not work on 'Chrome 1, Fire­fox 3, Safari 2, Opera 9'.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2009
Posts: 86
Reputation: Zero13 is an unknown quantity at this point 
Solved Threads: 13
Zero13 Zero13 is online now Online
Junior Poster in Training
 
1
  #4
20 Days Ago
What is font: MyCustomFont? Wrong css.
Must be:
HTML and CSS Syntax (Toggle Plain Text) 
  1.  font-family:  MyCustomFont;
'font' is short hand property. You must use this for shorthand.
HTML and CSS Syntax (Toggle Plain Text) 
  1. font: [font-weight] [font-style] [font-variant] [font-size/line-height] [font-family];
  2. /* font:  MyCustomFont is wrong */
Reply With Quote Quick reply to this message  
•
•
Join Date: Apr 2009
Posts: 281
Reputation: SKANK!!!!! is an unknown quantity at this point 
Solved Threads: 2
SKANK!!!!! SKANK!!!!! is offline Offline
Posting Whiz in Training
 
0
  #5
20 Days Ago
if it doesnt work on firefox its not worth doing. i mean firefox is ahead of the game they support the animated .pngs and ie dont
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2009
Posts: 1,342
Reputation: almostbob has a spectacular aura about almostbob has a spectacular aura about 
Solved Threads: 163
almostbob's Avatar
almostbob almostbob is offline Offline
Nearly a Posting Virtuoso
 
1
  #6
20 Days Ago
local is the local pc font store, I think, from the web server, even a web server installed locally it requires a url
something like
css Syntax (Toggle Plain Text) 
  1. @font-face { 
  2. font-family: GraublauWeb; 
  3. src: local("Lucida Grande"), url("fonts/GraublauWeb.otf") 
  4. format ("opentype"); }
http://webfonts.info/ font-face browser support details on browser differences
Last edited by almostbob; 20 Days Ago at 10:20 am.
Failure is not an option It's included free
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it

Please mark solved problems, solved
Reply With Quote Quick reply to this message  
•
•
Join Date: Apr 2009
Posts: 281
Reputation: SKANK!!!!! is an unknown quantity at this point 
Solved Threads: 2
SKANK!!!!! SKANK!!!!! is offline Offline
Posting Whiz in Training
 
0
  #7
20 Days Ago
what are u supposed to do for ie that doesn support true type fonts then?
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2009
Posts: 1,342
Reputation: almostbob has a spectacular aura about almostbob has a spectacular aura about 
Solved Threads: 163
almostbob's Avatar
almostbob almostbob is offline Offline
Nearly a Posting Virtuoso
 
1
  #8
20 Days Ago
sames as IE6/png, conditional css with eot fonts for IE
or wait till IE supports css3 properly (looks out window, watching for Hell to freeze over)
css Syntax (Toggle Plain Text) 
  1. <!--[if IE]>
  2. @font-face { font-family: GraublauWeb;
  3.    src: url("GraublauWeb.eot"); }
  4. <![endif]-->
http://webfonts.info/wiki/index.php?...ernet_Explorer
Last edited by almostbob; 20 Days Ago at 12:14 pm.
Failure is not an option It's included free
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it

Please mark solved problems, solved
Reply With Quote Quick reply to this message  
•
•
Join Date: Oct 2009
Posts: 61
Reputation: PDB1982 is an unknown quantity at this point 
Solved Threads: 0
PDB1982 PDB1982 is offline Offline
Junior Poster in Training
 
0
  #9
20 Days Ago
•
•
•
•
Originally Posted by SKANK!!!!! View Post
what are u supposed to do for ie that doesn support true type fonts then?

you can also translate them into .eot files that IE recognizes, and include the
HTML and CSS Syntax (Toggle Plain Text) 
  1. src: local(XXXX.eot);
line within the originial @font-face.
Reply With Quote Quick reply to this message  
•
•
Join Date: Apr 2009
Posts: 281
Reputation: SKANK!!!!! is an unknown quantity at this point 
Solved Threads: 2
SKANK!!!!! SKANK!!!!! is offline Offline
Posting Whiz in Training
 
0
  #10
20 Days Ago
yeah son i dont rilly understand this its nothting i will be doing being that ive tried it before and it didnt work!
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread has been marked solved.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC