Avatar billede w13 Novice
22. august 2013 - 13:43 Der er 13 kommentarer og
1 løsning

@font-face virker ikke i IE8

Hej Eksperter

Vi benytter @font-face til at bruge en ikke-websafe skrifttype på hjemmesiden buildinggreen.eu, men i IE8 (og tidligere) viser den kun vores fallback font.

Jeg har læst mig frem til, at det burde virke i IE8 med den kode, jeg bruger:

@font-face {
    font-family: "MyriadProRegular";
    src: url('fonts/493652344-myriadpro-regular.eot');
    src: url('fonts/493652344-myriadpro-regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/493652344-myriadpro-regular.svg#MyriadProRegular') format('svg'),
    url('fonts/493652344-myriadpro-regular.woff') format('woff'),
    url('fonts/493652344-myriadpro-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


Og jeg har også forsøgt mig med forskellige online @font-face generatorer, dog uden held.
Det virker fint for mig i bl.a. Safari, Chrome og Firefox.

Er der én af jer, der kan sige noget klogt om, hvorfor det ikke virker for mig? :)

På forhånd mange tak!

Med venlig hilsen
Tobias
Avatar billede claes57 Ekspert
22. august 2013 - 14:21 #1
jeg har helt tilsvarende kode på en test-opsætning, og det virker i hvert fald med IE10 (har ikke mulighed for at teste i IE8).
Avatar billede w13 Novice
22. august 2013 - 14:34 #2
Claes57: Ja, det virker faktisk fint i version 10 (og vistnok også 9), men i hvert fald ikke i 8 og tidligere. Og det påstår Google, at det burde. :(
Avatar billede claes57 Ekspert
22. august 2013 - 14:52 #3
takker - det virker så ikke i IE8 (mit virker heller ikke, øv).

Jeg vil på mit nøjes med at sætte en tekstboks ind på startsiden om at bruger skal opgradere eller skifte browser - noget med
'siden er optimeret til en nyere browser end din - for at få det fulde ud af siden bør du skifte til firefox, chrome eller en nyere internet explorer'
selvfølgelig med link til browserne i teksten.
Avatar billede jokkejensen Novice
04. september 2013 - 14:01 #4
hvad mime type bliver din eot fyret af med fra serveren ?

Smid et link

@Claes57, tryk F12 i IE10, skrift browser og dokument tilstand til ie8
Avatar billede w13 Novice
04. september 2013 - 14:09 #5
Avatar billede jokkejensen Novice
05. september 2013 - 09:00 #6
Den sendes med text/plain, prøv at sende den som application/octet-stream.

- Aner ikke hvordan på apache :/

Men denne burde hjælpe: http://www.htaccess-guide.com/adding-mime-types/

vh
Avatar billede w13 Novice
05. september 2013 - 14:55 #7
Jokkejensen>> Nu har jeg tilføjet følgende linje i min .htaccess:

AddType application/octet-stream .eot

Men jeg synes ikke umiddelbart, at skrifttypen virker i IE8 endnu.
Må jeg spørge, hvordan du tester filens mimetype på serveren? Så kan jeg selv prøve frem og tilbage. :)
Avatar billede jokkejensen Novice
05. september 2013 - 15:39 #8
Umiddelbart, jfør. Guide, tror jeg ikke du skal skrive .eot, bare eot
Avatar billede w13 Novice
05. september 2013 - 15:42 #9
Jokkejensen>> Ok, det er forsøgt nu.
Avatar billede w13 Novice
06. september 2013 - 12:28 #10
Jokkejensen>> Kan du se, om det har haft nogen effekt?
Avatar billede jokkejensen Novice
06. september 2013 - 14:17 #11
Nu sender den med korrekt mime type, men hvorfor det ikke lige virker i IE8 har jeg svært ved at "debugge" mig ud af uden at have adgang til løsningen.

Hvis dette er en mulighed, så post adgang i en privat besked, så vil jeg gerne kigge på det.

vh
Avatar billede w13 Novice
06. september 2013 - 15:16 #12
Jokkejensen>> Tak for tilbudet, jeg vender det lige med ejeren af serveren. :)
Avatar billede w13 Novice
05. november 2013 - 09:59 #13
Hej begge

Jeg fandt et andet sted at konvertere skrifttypefilerne, og nu virker det upåklageligt. Tak for jeres hjælp - smid et par svar, så kommer der point. :)
Avatar billede w13 Novice
20. november 2013 - 09:04 #14
Lukker her :) Sig til, hvis I vil have point!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester