встраивание шрифтов в asp.net

Question

Я пытаюсь встроить некоторые шрифты через файл CSS для моего сайта asp.net, но безуспешно.

Вот код CSS:

@font-face { 
    font-family: Segoe UI; 
    src: url('SEGOEUI.ttf'); 
} 

@font-face { 
    font-family: Segoe WP; 
    src: url('SEGOEWP.ttf'); 
} 
body 
{ 
    background: Black; 
    font-size: .80em; 
    font-family:'Segoe WP'; 
    margin: 0px; 
    padding: 0px; 
    color: black; 
} 

И файл CSS и шрифты находятся в папке Styles, которая находится в корневом каталоге сайта. Запуск IE10 и Win 7.

Что мне не хватает, чтобы заставить это работать?

UPDATE: Я не преобразовали шрифты в СРВ и назвал их так:

@font-face { 
     font-family: 'Segoe UI'; 
     src: url('SEGOEUI.eot'); 
    } 

    @font-face { 
     font-family: 'Segoe WP'; 
     src: url('SEGOEWP.eot'); 
    } 

Но еще ничего.

Answer 1

TTF, похоже, не поддерживается IE. См. http://www.w3schools.com/css3/css3_fonts.asp.

Internet Explorer 9+, Firefox, Chrome, Safari и Opera поддерживают Уофф (Web Open Font) шрифт .

Firefox, Chrome, Safari и Opera поддерживают шрифты типа TTF (True Type Fonts) и OTF (шрифты OpenType).

Internet Explorer также поддерживает шрифты EOT (Embedded OpenType).

Это означает, что WOFF или EOT может стать для вас способом. Существует множество бесплатных онлайн-конвертеров шрифтов, вы можете попробовать http://www.font2web.com/ или http://ttf2woff.com/.

Answer 2

В IE вы должны указать реальное имя шрифта, некоторый конвертер дает шрифт после преобразования сгенерированное имя генератором, который IE не может обрабатывать. Используйте этот сайт http://www.font-face-generator.com/ и для шрифтов с разнесенными используется имя в двойные кавычки, как

font-family: "Segoe UI", Arial;