Problem mit @Font-face

ich habe folgendes Problem mit meiner website :
in der website gibt es ein style
@font-face {
font-family: 'FrutigerLTCom-Roman';
src: url('frutigerltstd-roman.eot');
src: url('frutigerltstd-roman.woff') format('woff'), url('frutigerltstd-roman.ttf') format('truetype'), url('frutigerltstd-roman.svg') format('svg');
mit diesem gibt es keienr probleme , wenn ich aber von einer nicht auf dem server liegenden seite auf die schrift zugreifen will(in dem fall ein Ebay-template) muss ich den absoluten pfad angeben
also:
@font-face {
font-family: 'FrutigerLTCom-Roman';
src: url('http://www.luxussound.com/css/frutigerltstd-roman.eot');
src: url('http://www.luxussound.com/css/frutigerltstd-roman.woff') format('woff'), url('http://www.luxussound.com/css/frutigerltstd-roman.ttf') format('truetype'), url('http://www.luxussound.com/css/frutigerltstd-roman.svg') format('svg');
Dies interpretiert er nicht.
gibt es da schon eine lösung oder hat jemand eine idee woran es liegt?

If you use absolute paths then you need to send special HTTP Access Control headers
* https://developer.mozilla.org/En/HTTP_Access_Control
* https://developer.mozilla.org/en/CSS/@font-face

Similar Messages

Problem with font face

Hi
I've observed that Helvetica font looks ugly and I want to replace it in local.conf. I've written appropriate line in /etc/fonts/local.conf. To check it I try this html code:
<html>
<body>
<font name="Helvetica">
Some stupid text.
</font>
</body>
</html>
Ok it works.
But when I change font name to font face font still looks ugly. This is entry in local.conf:
<match target="pattern" name="family">
<test qual="any" name="family">
<string>Helvetica</string>
</test>
<edit name="family" mode="assign">
<string>Verdana</string>
</edit>
</match>
What I must do to fix it ? Some sites like http://www.4front-tech.com/ unfortunatelly use font face and results are bad.

Hmm, it's actually a bug in fontconfig rules I see. We replace Helvetica, Times and Courier with Sans-serif, Serif and Monospace. Within the fontconfig rules these generic font families are replaced by more modern fonts:
<alias>
<family>Bitstream Vera Sans</family>
<family>DejaVu Sans</family>
<family>Helvetica</family>
<family>Arial</family>
<family>Verdana</family>
Helvetica (the bitmap font!) is in front of Arial and Verdana. If you don't have Bitstream Vera Sans or Dejavu Sans installed, it will render Sans-serif as Helvetica instead of Arial/Verdana.

HILFE: Probleme mit Fonts

After Effects CS3 - Windows XP SP3
Wenn ich neue Fonts installiere, läuft AE nicht mehr, bei versuch zu starten ziegt es mir ein Fehler mit dem Fehlercode 0 :: 42 bzw 0 § 42
ich weiß ganz genau das es mit den Fonts zusammenhängt.
Ich hab Windows neu installiert, AE lief, dann hab ich meine Fonts installiert (ca. 2.500 Stück) Fehlercode kam wieder.
Zum Glück hatte ich vorher ein BackUp gemacht.
Wie kann ich die Fonts so installieren das AE kein stress macht?
Photoshop, Illustrator, Flash, geht alles, auser After Effects
Wäre euch sehr dankbar!
mfg
- Alex

Du hast 2.500 Fonts installiert, in Worten ZWEITAUSENDFÜNFHUNDERT! Ist das nicht etwas zu viel, was Du Deinem System zumutest? Brauchst Du wirklich so viele Fonts? Doch nicht gleichzeitig. Da müsste rein theoretisch Dein Rechner in die Knie gehen, bevor Du ein Programm startest. Das sind definitiv zu viele Schriften. Wenn Du die insgesammt benötigst, dann besorge Dir ein Schriftenverwaltungsprogramm, aber nicht so viele Schriften mit einem Satz installieren.
Zusätzlich ist die Frage erlaubt, ob alle Schriften professionelle Schriften sind, oder ob Freeware und Billigschriften dabei sind. Die können als Einzelfall manche Programme ins jenseits befördern.

"@font-face" problem only with firefox. I have attached a style sheet while i was embedding my personal fonts into a website, but Firefox won't load them. Why?

I was hand coding my new website. This time i was trying to embed some personal fonts into my website, so i used a style sheet to embed which is coded like
"@font-face {
font-family:Sofia;
src:url(../fonts/Sofia-Regular.otf);
All the font work fine in the root folder of my site. But whenever i am creating dreamweaver templates and using them on pages which are in different folders but in the same root directory, the fonts are set back to default font. This problem is only with Firefox. Chrome, IE, Opera etc. works fine. Please Help!

i run into the same problem the last days.
using bootstrap and the fontawesome iconfonts.
everythings fine with chrome an ie, but no fonticons with firefox...
found alot of solutions, but none of them worked.
then, using the webdeveloper console (i used firebug all the time before) i see the error why the webfont was not loaded:
[14:18:36.161] GET http://www.example.com/font/fontawesome-webfont.ttf?v=3.2.0 [HTTP/1.1 401 Authorization Required 21ms]
yes, the site is behind a '''htaccess''' login.
first load after login is => everything ok!
after following an internal link => no webfonts!
after disabeling the htaccess login, everything works fine!
but that can only be a workaround!
why firefox didnt recognize the login/authorization like chrome does?!
what todo if you have your site behind htaccess and want to use webfonts?!

Firefox 3.6.9 / Windows 7 will not print using font specified with @font-face - any workarounds?

I've seen a few mentions of this problem around the interwebs, but can't find a resolution. I used [http://www.fontsquirrel.com/fontface/generator fontsquirrel's font-face generator] to prepare different versions of a font for cross-browser display. Screen presentation in almost all browsers is fine, and almost all browsers print the embedded font as well - except for Firefox/PC (3.6.9/Windows 7).
I have tried inline styles, styles inside of the head, and external stylesheets, all with and without media type print. What can I do?

Hi John,
Can u try the work around mentioned in the below link
http://notsomany.wordpress.com/2010/03/30/jinitiator-working-on-windows-7/
Also some times IE8 can block the webutil_file_transfer.
AS_to_Client if "protected mode" is ON for the security zone your forms url is in (look in the statusbar in IE ->
internet, trusted site, ... -> protected mode: On/Off)
Regards
Fabian

FF 25 has issues on OS-X 10.8.5. It hangs sites with heavy dom manipulation + web font faces The same page is fine on FF25/Win. Is this being looked at?

I've been having a lot of issues with Firefox 25 hard-hanging on OS-X 10.8.5. Firefox 24 worked perfectly with various sites I've had problems with recently. Firefox 25 on Windows works fine with the same sites, so does Google Chrome 30, IE9, IE10, and IE11. The hang is very specific to FF25/OSX. Is this being looked at or reported by anyone else? My co-workers are also hitting this. It seems like FF25/OSX has some sort of deadlock condition when there is heavy dom maniplation occurring via JavaScript along with the usage of Web Fonts (font-face/font family). I have to force-quit it and restart. Safe mode makes no difference. Nor does clearing site information.
If there is any debug I can capture (such as triggering a stack dump) I am more than willing to generate it.

Followup. Any further updates from Firefox support? This is a blocking issue at my company. We are strong Firefox advocates, but this is starting to damage Firefox's reputation here.

Has Mozilla changed the way Firefox displays @font-face enbeded fonts? The site I'm codeing works in Safari, Chrome, and IE, but Firefox 8.0.1 doesn't display the embeded font.

Has Mozilla changed the way Firefox displays @font-face enbeded fonts? The site I'm codeing works in Safari, Chrome, and IE, but Firefox 8.0.1 doesn't display the embeded font.

No problems here with the H1 headers.
Reload web page(s) and bypass the cache.
* Press and hold Shift and left-click the Reload button.
* Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
* Press "Cmd + Shift + R" (MAC)

Font face="army" works in my editing program for IE but not firefox

font face="army" works fine in IE but not firefox when using my website editing program
== This happened ==
Every time Firefox opened
== everytime

If you check Firefox's Web Console (Ctrl+Shift+K) it'll tell you any errors it's finding and the line of code it's finding it on.
The problem it seems to be having up front is that IDs are case-sensitive - "layer02" is not the same as "Layer02", for example.
There may be further errors once it's past that, but all the current browsers come with the tools you need to weed out any further issues.
Further Javascript reference: https://developer.mozilla.org/en-US/docs/JavaScript

FF5 error parsing CSS font-face with url inline base64 data

Firefox 5 refuses to parse CSS @font-face with url inline base64 data.
I use the declaration:
<style type="text/css">
@font-face {
font-family: 'MyFont';
src: url(data:font/truetype;charset=utf-8;base64,[base64data]);
</style>
then used this way:
<div style="font-family:'MyFont'; font-size:12.0pt">Test text</div>
But Firefox is not using the font and in the error console, there is always the message:
''Error parsing the "src" value. Skipped to next declaration.''
(more or less, I actually have this message in Czech)
Tried with different mime types (font/ttf,font/otf,font/opentype,application/x-font-ttf etc.), with or without charset specification, with or without quoting the font family name, with different specifications:
<style type="text/css">
@font-face {
font-family: 'MyFont';
src: url(data:font/truetype;charset=utf-8;base64,[base64data]) format(truetype);
</style>
(tried also with opentype format, etc.)
<style type="text/css">
@font-face {
font-family: 'MyFont';
src: url('myfont-webfont.eot?');
src: local('☺'), url(data:font/truetype;charset=utf-8;base64,[base64data]);
</style>
If I provide the font path:
<style type="text/css">
@font-face {
font-family: 'MyFont';
src: url('Arial.ttf');
</style>
(the font actually is Arial, for testing), it works (but I need to embed the font in the HTML for specific reason, so having the font externally is not the option).

Finally I got it work! Thanks, cor-el, you pointed me the right way to solve this problem.
There was problem with the encoding too (there was part of the font missing at the end, because of the bug in the program - I forgot to flush the buffered output stream), after then I was able to download the same copy of the TTF. - I didn't know about the possibility to put the entire url data to the location bar and try to download it, thanks cor-el.
But it still didn't solve the problem ... the problem was, that the base64 stream was divided to multiple lines, like
data:font/truetype;charset=utf-8;base64,
AAEAAAAYAQAABACARFNJRwMaCRYAC8m8AAAXfEdERUaJ+Y1JAAr/JAAAAsJHUE9T
e1arnwALAegAAKwaR1NVQt5CYFEAC64EAAAbmEpTVEZtKmkGAAvJnAAAAB5MVFNI
RExjrAAAN8wAAA1dT1MvMhAyXXMAAAIIAAAAYFBDTFT9ez5DAAr+7AAAADZWRE1Y
After I removed the line breaks, it works now! (the line is quite long then, because the base64 string is about 1MB, but it works)
Strange that I do the same for images (jpeg, png) and there is no problem with base64 string divided to multiple lines.
But anyway, I'm fine with that.

@font-face bug in FireFox 5 on Windows XP

This is really a solution. So I have a website that I am working on and I am using the @font-face and FF5 would not load the font. Then all of a sudden it was loading one the homepage but not the subpages as I quickly went back and forth through the pages. The instaces were using the exact same CSS! How is this possible? IE, Safari, Opera, Chrome were all loading the font. So I banged my head against the wall and realized that I didn't have www. in front of my domain.
If you are using @font-face with FireFox 5 and it is not loading the font, try adding the www. if you are not using it. Which also means I have to create a redirect to all http://domain.com users to http://www.domain.com so they don't get this problem.
Check out this video for proof: http://www.screenr.com/NPSs

You can use HTTP access control to make that less strict.
* http://www.webfonts.info/wiki/index.php?title=%40font-face_support_in_Firefox
<blockquote>Same-origin rule: By default, Firefox will only accept relative links. If you want to use absolute links or include fonts from different domains, you need to send these fonts with Access Control Headers.
</blockquote>
* https://developer.mozilla.org/En/HTTP_Access_Control
* https://developer.mozilla.org/en/CSS/@font-face

@font-face not working in firefox

My @font-face is not working in firefox why would that be?
@font-face {
    font-family:LondonMM;
    src: url('LondonMM-webfont.eot');
    src: url('LondonMM-webfont.eot?#iefix') format('embedded-opentype'),
         url('LondonMM-webfont.woff2') format('woff2'),
         url('LondonMM-webfont.woff') format('woff'),
         url('LondonMM-webfont.ttf') format('truetype'),
         url('LondonMM-webfont.svg#londonmmregular') format('svg');
    font-weight: normal;
    font-style: normal;
I have them all in a fonts folder inside my root folder

There might be a problem with one of the fonts FF recognizes and that problematic file is the one FF is attempting to use.
Try commenting out all of the fonts FF can use, so...
@font-face {
    font-family:LondonMM;
    src: url('LondonMM-webfont.eot');
    src: url('LondonMM-webfont.eot?#iefix') format('embedded-opentype'),
        /*url('LondonMM-webfont.woff2') format('woff2'),*/
        /*url('LondonMM-webfont.woff') format('woff'),*/
        /*url('LondonMM-webfont.ttf') format('truetype'),*/
         url('LondonMM-webfont.svg#londonmmregular') format('svg');
    font-weight: normal;
    font-style: normal;
Then restore one at a time, individually, and see if FF comes back on line.

Flash Application Font-Face and Font-Style

This is a similar thread to one I posted earlier but this one is
more detailed to explain my problem
Does anyone know how to change the programs font-face,
font-size, font-style etc ... of the console? I'm referring to all
of the outer workspace area, not the stage.
I found the image below at some website by google just to
illustrate:
http://cis2.stvincent.edu/martincc/introwpd/flash/flashscreen.jpg
See the panels on the right side?
Swatches, Character, Sound panels. On my computer, the font
size for these words and for everything inside these panels are
microscopic. They are so small it can't be read unless you stare at
it for a while.
How do I change the font size or face for these fonts?
Now you see the top of the screen, where it says "
File Edit View Insert Modify Text Control Window Help"? All
of these font sizes are perfectly normal just like everything on my
computer. I also use Adobe Photoshop CS 8.0 and the panel window
fonts are perfect as well as everything else, so I know that it is
a problem only with my Flash 5.0.
I would appreciate any help you guys can give me, as it takes
me forever to work on a project, I have to stare for a while to
figure out what the panel text says.

anyone have any ideas on how to change the window panel text
size?

Does Firefox support @font-face for print?

Other people seem to be experiencing the same problem:
https://bugs.launchpad.net/ubuntu/+source/firefox/+bug/618843
http://stackoverflow.com/questions/4409957/font-face-printing-issue-in-firefox
http://support.mozilla.com/sq/questions/761014
I first noticed it when working locally on a website. The fonts were hosted locally.
I have also tried printing several google fonts pop-up specimens to no avail, cf http://www.google.com/webfonts/specimen/Lekton

Firefox supports AES-256 (256 bit) encryption since 2002 on web sites that support it like this site.
See [[Site Identity Button]]

HTML article @font-face format

Should I be using .svg web fonts for my HTML articles when I embed local fonts using @font-face? I see the DPS Help shows .otf in a screen shot, I have talked to others who have said use .ttf format.

I don't think OTF or TTF will matter. They should both work. I've use OTF fonts with no problem.
Of course, you should check the license to make sure it's okay.
Bob

Firefox 14.0.1 @font-face displaying most web fonts in bold, even though it works fine on Windows FireFox, IE9, Chrome, and Safari

Have been working with a web site and half of the @font-face web fonts have turned to extreme bold only on Firefox 14.0.1 for Mac OS X, they work fine on windows versions of firefox and all of the other browsers.
My firefox updated a couple days ago, which is when I noticed the problem.

You can do a check for corrupted and duplicate fonts and other font issues:
*http://www.thexlab.com/faqs/multipleappsquit.html - Font Book 2.0 Help: Checking for damaged fonts
*http://www.creativetechs.com/iq/garbled_fonts_troubleshooting_guide.html
You can check the <b>gfx.downloadable_fonts.*</b> prefs on the <b>about:config</b> page.
*http://kb.mozillazine.org/about:config

Problem mit @Font-face

Similar Messages

Maybe you are looking for