473,434 Members | 1,829 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,434 software developers and data experts.

@font-face: please help

I thought it would be rather fun to try out @font-face, but I cannot get it
to work.

I used Microsoft WEFT to generate several embedded fonts and find that the
example
below works when I use my Win XP development machine as both the browser and
Web
server. However if I try to display the same page from another machine (Mac
OS X, Win 2000, or Win XP) using the Win XP development machine as the Web
server then I get the default font displayed rather than the downloaded one.
I have tried IE 5.1 (Mac), IE 6, Netscape 7, Opera, and Safari. I have
tried several different fonts too with the same results. I checked the
IIS logs on the Web server and the .eot files seem to have been
downloaded successfully (result 200 on the first attempt, 304 afterwards as
it is already loaded).

I notice that @font-face seems to have disappeared from the CSS 2.1 spec so
I am beginning to wonder if any browser actually supports it, not even Opera
where the CSS author is CTO.
I also posted this question on microsoft.public.siteserver.css but I found
this group afterwards and it has more activity so I am posting it here too.

I am also curious to know how extensively @font-face is supported and with
what font formats and if I am correct in my understanding that IE supports
only .eot files.

Surely I must doing something wrong? Thanks for any advice,

Clive
<html>
<style type="text/css">
@font-face { font-family: comix;
src: url("http://192.168.0.12/DOTNET/fonts/comicsa0.eot");}
h2 { font-family: comix;
font-size: x-large;}
</style>
<body>
<h2>Hello World</h2>
</body>
</html>
Jul 20 '05 #1
4 4224
"Clive Everett" <eo********@mac.com> wrote:
I thought it would be rather fun to try out @font-face, but I
cannot get it to work.


It's hard to tell what might be wrong, and even to test what the
situation is, since you didn't post the URL of the test page. This is
one of the situations where a URL is _really_ worth more than a
thousand copies of page content, even if the copies are verbatim (they
usually aren't).

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Jul 20 '05 #2
In message <Nc*******************@news1.news.adelphia.net>, Clive
Everett <eo********@mac.com> writes
I thought it would be rather fun to try out @font-face, but I cannot get it
to work.

I used Microsoft WEFT to generate several embedded fonts and find that the
example
below works when I use my Win XP development machine as both the browser and
Web
server. However if I try to display the same page from another machine (Mac
OS X, Win 2000, or Win XP) using the Win XP development machine as the Web
server then I get the default font displayed rather than the downloaded one.
I have tried IE 5.1 (Mac), IE 6, Netscape 7, Opera, and Safari. I have
tried several different fonts too with the same results. I checked the
IIS logs on the Web server and the .eot files seem to have been
downloaded successfully (result 200 on the first attempt, 304 afterwards as
it is already loaded).

I notice that @font-face seems to have disappeared from the CSS 2.1 spec so
I am beginning to wonder if any browser actually supports it, not even Opera
where the CSS author is CTO.
I also posted this question on microsoft.public.siteserver.css but I found
this group afterwards and it has more activity so I am posting it here too.

I am also curious to know how extensively @font-face is supported and with
what font formats and if I am correct in my understanding that IE supports
only .eot files.

Surely I must doing something wrong? Thanks for any advice,

Clive
<html>
<style type="text/css">
@font-face { font-family: comix;
src: url("http://192.168.0.12/DOTNET/fonts/comicsa0.eot");}
h2 { font-family: comix;
font-size: x-large;}
</style>
<body>
<h2>Hello World</h2>
</body>
</html>


WEFT-produced .eot files work just fine on Internet Explorer.

Try this:

http://www.gododdin.demon.co.uk/ng/fonttest.htm

Did it look like:

http://www.gododdin.demon.co.uk/ng/FONTS.JPG

If it works OK with your browser, then you should see the first line in
Eaglefeather, the second line in a sans-serif font, and the rest of the
page in Garamond.

If it doesn't work, then the entire page will be in a sans-serif font --
as when seen in Opera.

Let me know which.

Initial thought:
When you created the fonts, did you set the numeric address so that the
server the fonts are to be downloaded from is 'an allowed root'?

regards.

--
Jake
Jul 20 '05 #3
Thank you so much. That was the problem, I had not set up WEFT properly and
so the only allowed root was localhost and not my IP address. I guess that
comes from trying to wing it through WEFT without reading the instructions
and I had assumed that as the font downloaded then it must be OK. Your page
worked perfectly so I copied your page and font and, as Microsoft intended,
it did not work locally so I knew my system was OK and it was, as you said,
a problem with how I had set up my font. I was intrigued by the poem; I
should have realized that there would be some Welsh accounts of the
Anglo-Saxon invasion.

I'm sorry I could not put my test page on the Internet; I have been told my
router's port forwarding isn't working and I need to check it out.

Thanks again,

Clive


"jake" <> wrote in message news:7e**************@gododdin.demon.co.uk...
In message <Nc*******************@news1.news.adelphia.net>, Clive
Everett <eo********@mac.com> writes
I thought it would be rather fun to try out @font-face, but I cannot get itto work.

I used Microsoft WEFT to generate several embedded fonts and find that theexample
below works when I use my Win XP development machine as both the browser andWeb
server. However if I try to display the same page from another machine (MacOS X, Win 2000, or Win XP) using the Win XP development machine as the Webserver then I get the default font displayed rather than the downloaded one.I have tried IE 5.1 (Mac), IE 6, Netscape 7, Opera, and Safari. I have
tried several different fonts too with the same results. I checked the
IIS logs on the Web server and the .eot files seem to have been
downloaded successfully (result 200 on the first attempt, 304 afterwards asit is already loaded).

I notice that @font-face seems to have disappeared from the CSS 2.1 spec soI am beginning to wonder if any browser actually supports it, not even Operawhere the CSS author is CTO.
I also posted this question on microsoft.public.siteserver.css but I foundthis group afterwards and it has more activity so I am posting it here too.
I am also curious to know how extensively @font-face is supported and withwhat font formats and if I am correct in my understanding that IE supportsonly .eot files.

Surely I must doing something wrong? Thanks for any advice,

Clive
<html>
<style type="text/css">
@font-face { font-family: comix;
src: url("http://192.168.0.12/DOTNET/fonts/comicsa0.eot");}
h2 { font-family: comix;
font-size: x-large;}
</style>
<body>
<h2>Hello World</h2>
</body>
</html>


WEFT-produced .eot files work just fine on Internet Explorer.

Try this:

http://www.gododdin.demon.co.uk/ng/fonttest.htm

Did it look like:

http://www.gododdin.demon.co.uk/ng/FONTS.JPG

If it works OK with your browser, then you should see the first line in
Eaglefeather, the second line in a sans-serif font, and the rest of the
page in Garamond.

If it doesn't work, then the entire page will be in a sans-serif font --
as when seen in Opera.

Let me know which.

Initial thought:
When you created the fonts, did you set the numeric address so that the
server the fonts are to be downloaded from is 'an allowed root'?

regards.

--
Jake

Jul 20 '05 #4
In message <NE*******************@news1.news.adelphia.net>, Clive
Everett <eo********@mac.com> writes
Thank you so much. That was the problem, I had not set up WEFT properly and
so the only allowed root was localhost and not my IP address. I guess that
comes from trying to wing it through WEFT without reading the instructions
and I had assumed that as the font downloaded then it must be OK. Your page
worked perfectly so I copied your page and font and, as Microsoft intended,
it did not work locally so I knew my system was OK and it was, as you said,
a problem with how I had set up my font.
Yes, that seemed the most likely explanation as I was unable to run your
script locally -- not having the .eot files on the server was the only
other possibility.

Font embedding works well, although I've found that if used for
headings, a .gif graphics file equivalent tends to be smaller than an
embedded subset -- although if you change its background colour, you
don't have to reproduce the graphic.

It's a very useful tool to have in your armoury when circumstances
dictate.
I was intrigued by the poem; I
should have realized that there would be some Welsh accounts of the
Anglo-Saxon invasion.
I usually use it if I need a lot of body text for testing:
(a) It's in English, not Latin ;-)
(b) It's a 19th century translation, so out of copyright.

It's an interesting poem -- a collection of eulogies for the fallen
Celtic heroes from all over Britain at the battle of Catraeth -- fought
around AD600 in a vain attempt to hold back the English colonisation of
Britain in the centuries following the breakdown of Roman government.

It also has the first written reference to 'King' Arthur -- although the
oldest copies are from the middle ages and we don't know whether it got
added in by the monks who did the copying at that time ;-)


I'm sorry I could not put my test page on the Internet; I have been told my
router's port forwarding isn't working and I need to check it out.

Thanks again,

Clive

[snip]

Regards.
--
Jake
Jul 20 '05 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

21
by: Dave | last post by:
After following Microsofts admonition to reformat my system before doing a final compilation of my app I got many warnings/errors upon compiling an rtf file created in word. I used the Help...
3
by: Jim Doughty | last post by:
When reading lines of html text from a file, I'm trying to match the following, I'm trying to match on a string of 6 numbers, delimited by hyphens. e.g. 2-19-23-27-29-40 The following code...
6
by: wukexin | last post by:
Help me, good men. I find mang books that introduce bit "mang header files",they talk too bit,in fact it is my too fool, I don't learn it, I have do a test program, but I have no correct doing...
5
by: Craig Keightley | last post by:
Please help, i have attached my page which worksin IE but i cannnot get the drop down menu to fucntion in firefox. Any one have any ideas why? Many Thanks Craig ...
3
by: Colin J. Williams | last post by:
Python advertises some basic service: C:\Python24>python Python 2.4.1 (#65, Mar 30 2005, 09:13:57) on win32 Type "help", "copyright", "credits" or "license" for more information. >>> With...
7
by: Corepaul | last post by:
Missing Help Files When I enter "recordset" as the keyword and search the Visual Basic Help index, I get many topics of interest in the resulting list. But there isn't any information available...
5
by: Steve | last post by:
I have written a help file (chm) for a DLL and referenced it using Help.ShowHelp My expectation is that a developer using my DLL would be able to access this help file during his development time...
8
by: Mark | last post by:
I have loaded Visual Studio .net on my home computer and my laptop, but my home computer has an abbreviated help screen not 2% of the help on my laptop. All the settings look the same on both...
10
by: JonathanOrlev | last post by:
Hello everybody, I wrote this comment in another message of mine, but decided to post it again as a standalone message. I think that Microsoft's Office 2003 help system is horrible, probably...
7
by: gubbachchi | last post by:
Hi all, In my application I need to display the data fetched from mysql database after the user selects date from javascript calender. I have written the code in which after the user selects the...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
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
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
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,...
1
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
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
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

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.