2013-02-20 4 views
-1

я пытался использовать @ шрифт-слойный первый раз, но он не работает кто-то может помочь мне решить эту проблему Почему этот скрипт не работаетCSS @ шрифт-лицо не работает

<style> 
    @font-face{ 
     font-family: myfont; 
     src: url('entypo.eot'); 
     src: url('entypo.eot?iefix') format('eot'), 
      url('entypo.woff') format('woff'), 
      url('entypo.ttf') format('truetype'), 
      url('entypo.svg#helvetica') format('svg'); 
     font-weight: normal; 
     font-style: normal; 
    } 

    div { 
     font-family: myfont; 
    } 
</style> 

</head> 
<body> 
    <div> 
      sdfdfdsfsdf 
    </div> 
+0

Где шрифт взялся? Как вы создавали разные форматы? Вы уверены, что загрузили файлы? Где? В каких браузерах вы тестировали? Что означает «не работает»? –

ответ

0

попробовать это

@font-face 
{ 
    font-family: 'SegoeUI'; 
    src: url('Fonts/segoeui.eot'); 
    src: url('Fonts/segoeui.eot?#iefix') format('embedded-opentype'), url('fonts/segoeui.ttf') format('truetype'); 
} 

@font-face 
{ 
    font-family: 'SegoeLight'; 
    src: url('Fonts/segoeuil.eot'); 
    src: url('Fonts/segoeuil.eot?#iefix') format('embedded-opentype'), url('fonts/segoeuil.ttf') format('truetype'); 
} 
0

Я думаю, что ваш шрифт не является английским шрифтом, верно? так или иначе. Я столкнулся с этой проблемой, потому что я использую персидские шрифты, а иногда они не работают! то, что я делаю, переконвертирует их в разные форматы шрифтов с помощью различных программных средств, таких как онлайн-конвертер шрифтов. и иногда мои шрифты работают в IE, Firefox, но не в хром! а затем я их повторно конвертирую, и все меняется нормально! поэтому их повторная конвертация может решить вашу проблему. PS: некоторые интересные места для делать такую ​​вещь:
font face generator
font 2 web

+0

да, это не английский шрифт. его бесплатный значок, который я загружаю из сети – shinosn

+0

@shinosn, поэтому я думаю, что мой ответ твой –

0

Добавить ' в MyFont и изменить helvetica к myfont так:

@font-face{ 
    font-family: 'myfont'; 
    src: url('entypo.eot'); 
    src: url('entypo.eot?iefix') format('eot'), 
     url('entypo.woff') format('woff'), 
     url('entypo.ttf') format('truetype'), 
     url('entypo.svg#myfont') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

div { 
    font-family: 'myfont'; 
} 
0

Ваш шрифт должен быть помещен отношение к CSS, если он находится в отдельной папке, используйте соответствующий путь

например

// Directory Structure 
images 
css 
fonts 
-index.html 

если ваши шрифты находятся в папке и CSS в другой папке с помощью следующей CSS

@font-face{ 
    font-family: 'myfont'; 
    src: url('../fonts/entypo.eot'); 
    src: url('../fonts/entypo.eot?iefix') format('eot'), 
     url('../fonts/entypo.woff') format('woff'), 
     url('../fonts/entypo.ttf') format('truetype'), 
     url('../fonts/entypo.svg#myfont') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}