8 svar · 632 visningar · startad av m_soderlund
Jag använder mig av ett teckensnitt för att skriva ut viss text i teckensnittet. Högst upp i screen.css har jag denna kodrad:
@font-face { font-family: "Myriad Web"; src:url(gfx/myriad.eot); }
På sidan där jag använder mig av teckensnittet har jag följande kod:
<style type="text/css" media="screen,projection">
@import "screen.css";
</style>
CSS:en för den div jag placerar texten i ser ut så här:
#content-start-bottom { font-family: "Myriad Web","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size: 105%; }
Lokalt på datorn tillämpas Myriad Web på div:en med texten i och även på min kompanjons dator. Inte på någon annan dator och då har jag frågat tre källor.
Jag döpte om teckensnitten på min dator, startade om datorn och ändå visades texten i Myriad på min dator. Jag testade i IE6, Opera 8.51 samt Firefox 1.5.0.1. Vad kan vara problemet?
tpf,
Två Tre tankar:
Embeded font är mig veterligt bara något som fungerar i IE och bara på statiska sidor. Men är lite osäker.
Här är en hög demosidor senaste från Microsoft från 2001.
http://www.microsoft.com/typography/web/embedding/default.aspx
Som du kan se i koderna så är det inte mycket man behöver göra där... bara man väljer "tillåten" font.
det enda:
<style type="text/css">
<!--
@font-face {
font-family: Piefont;
font-style: normal;
font-weight: normal;
src: url(PIE0.eot);
}
...
Jag har på olika sätt försökt att få det att fungera i FF, men inte kommit på något. Har iofs inte kollat sedan sista uppdateringen av FF.
Så jag vill gärna veta också...
Vet inte om jag uppfattat fel men... Var inte det egentliga problemet att teckensnittet visas lokalt fast det inte borde göra det - eftersom du döpt om det?
I så fall kan det kanske bero på att det finns lagrat i "temorary internet files" eller liknande...
Jag har rensat temporära filer för samtliga webbläsare jag testar i, samt flyttat på teckensitten fron c:/windows/fonts och döpt om dem. Likväl visas texten för mig i Myriad medan för andra inte.
Sökvägen är korrekt. Filerna är inte korrupta.
Ingen som kommer på en lösning? :)
Har du testat utan citationstecken när du deklarerar fonten:
@font-face { font-family: Myriad Web; src:url(gfx/myriad.eot); }
och om det inte funkar, ge den ett namn utan mellanslag.
Hursomhelst verkar det vara en bugg i FF, så det funkar nog bara i IE.
Japp..
Detta exempel funkar iaf hos mig på IE, så du får väl jämföra den med din kod.
http://www.microsoft.com/typography/web/embedding/demos/1/demo1.htm