---
title: "Truetype med @font-face"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/185005-truetype-med-font-face"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "caze"
published: "2010-10-22T10:27:53.000Z"
updated: "2010-10-26T13:44:09.000Z"
replies: 7
views: 941
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/185005-truetype-med-font-face"
---

# Truetype med @font-face

## #1 — caze, 2010-10-22T10:27Z

Jag har börjat testa med att använda @font-face men märker att det inte fungerar i IE, oavsett version. Som jag har förstått det beror det på att IE inte stöder TTF och OTF som de flesta typsnitt är. 

Hur gör ni med @font-face. Har sökt runt men hittar inte några Truetype typsnitt enligt filformatet. Är det bara att döpa om .OTF eller .TTF till .EOT?

Vill ju bara att det ska fungera och se snyggt ut i så många webbläsare som möjligt.

Permalänk: https://www.webforum.nu/p/185005

## #2 — SPiN, 2010-10-22T11:26Z

IE kan läsa .eot-typsnitt (från v.6 t.o.m.!), som du skriver. Jag sitter med följande verktyg när jag konverterar mellan .ttf, .otf, .eot och .woff (.otf använder jag dock inte):

[ttf2eot](http://code.google.com/p/ttf2eot/)
[sfnt2woff](http://people.mozilla.com/~jkew/woff/)

Min @font-face-syntax ser ut som följer (bulletproof enligt [Paul Irish](http://paulirish.com/2010/font-face-gotchas/)):

```
@font-face {
  font-family: 'Fontens Namn';
  src: url('FontNamn.eot');
  src: local('☺'),
         url('FontNamn.woff') format('woff'), url('FontNamn.ttf') format('truetype');
}
```

Detta kräver ju dock att du har typsnittet som .ttf från början.

Permalänk: https://www.webforum.nu/p/2257525

## #3 — Buddaz, 2010-10-22T13:36Z

hej
Hittade den här länken <http://sixrevisions.com/css/font-face-guide/> kanske kan vara något hittade en till <http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/>. Den första förklarar längre ner på sidan hur man gör för att det skall fungera i alla browser om jag fattar det rätt. den andra länken är bulletproof Väldigt intressant, första gången jag hör talas om det attributet. Gjorde bara en enkel google sökning så hittade jag dem sidorna, inte svårare än så. Länken till pulletproof förklarar allt så länge du kan läsa på engelska (hahaha) 

MVH

Buddaz

Permalänk: https://www.webforum.nu/p/2257541

## #4 — aron, 2010-10-22T13:39Z

Vi hade precis en tråd som handlade om detta lite:
<http://www.webforum.nu/showthread.php?t=180803>

Värd att kika lite på kanske.

Permalänk: https://www.webforum.nu/p/2257542

## #5 — caze, 2010-10-26T07:17Z

Nu har jag lagt upp det enligt "bulletproof" men ändå så visar den fel i flera olika webbläsare. Se <https://www.guldpunkten.se> Någon som kan se om jag gjort något fel?

Permalänk: https://www.webforum.nu/p/2257825

## #6 — SPiN, 2010-10-26T07:22Z

Vilka är flera olika webläsare? Fungerar i Firefox, Chrome, Safari och Opera här hos mig. IE har jag ingen möjlighet att testa i just nu.

Permalänk: https://www.webforum.nu/p/2257827

## #7 — caze, 2010-10-26T07:25Z

Testade precis på kollegans jobbdator som har IE 8 där det inte fungerar. Enligt Adobe Browserlab fungerar det bara i hälften av webbläsarna oavsett om det är mac / windows.

Permalänk: https://www.webforum.nu/p/2257828

## #8 — caze, 2010-10-26T13:44Z

Någon som kan testa i IE?

Permalänk: https://www.webforum.nu/p/2257870

---

Tråden på webben: https://www.webforum.nu/amne/html-css/185005-truetype-med-font-face