473,397 Members | 1,974 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,397 software developers and data experts.

Why is my @font-face code working in Chrome but not Safari (4) or Firefox (3.6.13)?

Hello, I’m using Paul Irish’s “bulletproof” @font-face code and a premade font kit from fontsquirrel.com on my tumblr template. The @font-face code seems to work fine in Chrome but not in Safari or Firefox. It just reverts to Arial.

I know Firefox can have problems if the files are hosted on different domains but mine are not.
Also, I’ve visited a lot of other sites that have identical codes to mine and they seem to be working fine. I also tried using ‘Base64′ Encoding on the “fontsquirrel @font-face generator” that embedded the .ttf into the actual css but I deleted it after it failed also. It’s weird because that method was used by the actual creator of the template I adapted.

I’m entirely stumped.

Here is the code I am using:
Expand|Select|Wrap|Line Numbers
  1. @font-face {
  2.     font-family: 'OldNewspaperTypes';
  3.     src: url('http://static.tumblr.com/swm4hby/0Jaleopd0/oldnewspapertypes.eot');
  4.      src: local('☺'),
  5.         url('http://static.tumblr.com/swm4hby/38Fleon4l/oldnewspapertypes-webfont.woff') format('woff'), url('http://static.tumblr.com/swm4hby/GkZleomml/oldnewspapertypes.ttf') format('truetype');
  6. }
  7.  
  8.  
  9. @font-face {
  10.     font-family: 'ComicZineOTRegular';
  11.     src: url('http://static.tumblr.com/swm4hby/B42leopds/comic_zine_ot-webfont.eot');
  12.     src: local('☺'), url('http://static.tumblr.com/swm4hby/eBDleopd1/comic_zine_ot-webfont.woff') format('woff'), url('http://static.tumblr.com/swm4hby/b30leos6c/comic_zine_ot-webfont.ttf') format('truetype') ;
  13.  
  14. }
  15.  
  16.  
Here is a link to my tumblr page: (excuse expletives in test posts)
http://somethingdamp.tumblr.com/

Here is a link to my entire code w/embedded css:
http://dl.dropbox.com/u/17916990/fox...20new%2013.pdf

here is a separate link to my css stylesheet:
http://dl.dropbox.com/u/17916990/equinox3.css

I’ve really managed to confuse myself....any help or ideas would be greatly appreciated!
Thanks in advance.
Jan 8 '11 #1
6 8181
I noticed an error, changed it, but my problem is still the same. All above coding is current.
Jan 8 '11 #2
Dormilich
8,658 Expert Mod 8TB
when I try to open http://static.tumblr.com/swm4hby/0Ja...papertypes.eot manually, I get an Access Denied Error …
Jan 8 '11 #3
AutumnsDecay
170 100+
Same here. Is fontsquirrel a site that requires a login to access free fonts?
Jan 8 '11 #4
drhowarddrfine
7,435 Expert 4TB
If the fonts are on the server, use relative URIs and not absolute.
Jan 8 '11 #5
I fixed some embarrassingly obvious conflicting errors, used different font kits, and tried relative and absolute URIs - but nothing changed. Thank you for your suggestions....I guess I'll keep researching.
Jan 11 '11 #6
I solved the Safari problem by hosting my files outside of tumblr and changing apostrophes to quotes around my filenames. No luck with Firefox though...
Jan 11 '11 #7

Sign in to post your reply or Sign up for a free account.

Similar topics

3
by: JB | last post by:
Navigation is not possible on a Mac with Safari/Firefox on: http://www.kerst.karelv.nl/frames/navigatie.html Why does the javascript script not work? -- JB
4
by: Pasquale | last post by:
I am using the function below to add multiple checkbox selection to an array. The form gets submitted to a PHP script. The function works fine with IE 6, Netscape 7 and Firefox 1, but it is not...
14
by: menakasrinivasagam | last post by:
my coding is working in mozilla firefox.but not working in Internet explorer.plz give suggestion to rectify this problem
9
by: javakid | last post by:
Hi Following form validatioin code is working fine on IE but not working on Mozilla Firefox V2. Can any body suggest? Regards <script ="JAVASCRIPT" type="text/javascript">...
3
by: kepskp | last post by:
i just write code for select option in combo box which i m select but when i press search button and then click on back button then there in no option selected. and that same code working in ie7 and...
4
by: simikc | last post by:
Hi, I am using a javascript function for hiding a particular html row while clicking the check box. Each row corresponds to different checkbox. The code I have used is: <asp:Checkbox...
2
by: sateeshchandrasanga | last post by:
Hi All, My HTML code is working fine in Firefox.But its not displaying any thing in IE.Can you help me in this problem.And in Google crown its displaying but not properly. ...
1
by: bogdanm | last post by:
Hello everyone, I am having a probleme with a issuu code when trying to insert it o my site it doesnt work in IE but in mozzila works fine the code is bellow: <div><object...
9
by: mukeshrasm | last post by:
hi I am passing the value of select to a function which is called on click event of button. here is the code <select name="ctName" style="width:300px;" id="clientname" > ...
2
by: Aruna P | last post by:
I am using a check box to select and unselect all the rows in a grid using the javascript. this is working fine in IE but its not working in safari
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.