Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > загрузка своих шрифтов на сайт

Автор: Нурик Сакура 17.2.2006, 16:02

Драсти всем. У нас с другом возникла проблема - у нас есть сайт, допустим, site.com. Мы хотим, чтобы какой-то текст на нем отображался шрифтом, который не у каждого пользователя есть на компе, но у нас - есть. Допустим, файл шрифта называется dsdots.ttf и лежит этот файл по адресу http://site.com/fonts/dsdots.ttf. В документации мы нашли следующее:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
  <HEAD>
    <TITLE>Тестирование шрифтов</TITLE>
    <STYLE TYPE="text/css" MEDIA="screen, print">
      @font-face {
        font-family: "dsdots";
        src: url("http://site.com/fonts/dsdots.ttf")
      }
      H1 { font-family: "dsdots", serif }
    </STYLE>
  </HEAD>
  <BODY>
    <H1> Какой-то текст шрифтом dsdots</H1>
  </BODY>
</HTML>

По документации - все нормально, все должно работать. А у нас ничего не работает. Помогите, плз, кто знает.

Автор: Shadex 17.2.2006, 16:15

Код


<style> 
p {font-family: Полное имя шрифта URL (http://site.com/fonts/dsdots.ttf);} 
</style>

и не нужно писать src... вроде! точно не знаю! попробуйте!
Добавлено @ 16:16
советую вот здесь почитать: http://nrd.pnpi.spb.ru/UseSoft/Journals/ProtoPlex/ProtoPlex15/p11.html

Автор: Нурик Сакура 17.2.2006, 16:22

Огромное спасибо, добрый человек! Прям жизнь спас! smile

Автор: Aliance 24.3.2006, 20:03

http://www.umade.ru/log/2005/07/90.html

Автор: AzuManga 24.3.2006, 21:13

гм на мой взгляд это не совсем добро - заливать свои шрифты усеру на комп... я тут посмотрел на свою коллекцию - средний вес около 300кб. Подумайте о том, сколько это будет весить!!!! Вообще за флешом будущее!!! При грамотном кодировании вес почти неотличим от хтмл+цсс+жс, зато в шрифте можно выбрать только нужные буковки, что заметно снижает вес в данном случае. Ну и огромное количество возможностей для самовыражения и (что самое главное!!!!) никакого геморроя с оптимизацией под разные браузеры, поиска хаков итд итп

Автор: JaneCHER 5.3.2008, 21:56

Цитата(Shadex @ 17.2.2006, 16:15)

Код


<style> 
p {font-family: Полное имя шрифта URL (http://site.com/fonts/dsdots.ttf);} 
</style>

И нужно писать полный путь к каталогу или можно относительный? smile

Автор: nz1 11.3.2008, 23:56

Цитата(JaneCHER @ 5.3.2008, 21:56)

Цитата(Shadex @ 17.2.2006, 16:15)

Код


<style> 
p {font-family: Полное имя шрифта URL (http://site.com/fonts/dsdots.ttf);} 
</style>

И нужно писать полный путь к каталогу или можно относительный? smile

все можно узнать эспериментально smile

Автор: BLACK_KOT 2.7.2013, 21:38

ребят, помогите, целый день бьюсь, понять не могу почему шрифт на других компах не подгружается..
у меня сайт http://железные-клёны.рф , при копировании адресной строки копируется вот это "http://xn----itbaacixdfqe7nf6f.xn--p1ai/index.php"

в css пишу

Код


@font-face {
    font-family: CyrillicGoth; 
    url(http://железные-клёны.рф/fonts/CyrillicGoth.ttf); /*  и так тоже самое   url(http://http://xn----itbaacixdfqe7nf6f.xn--p1ai/fonts/CyrillicGoth.ttf);*/
   }
   
.style4 {
    font-family:CyrillicGoth , "Times New Roman", Times, serif;
}

в таблице текст:

Код


 <td align="center"><h1 class="style4">На базе школы №33 г.Мурома. </h1></td>

пробывал по-всякому- не грузит шрифт и всё тут. подскажите где ошибка

Автор: Arantir 2.7.2013, 22:06

Первое:

Цитата(BLACK_KOT @ 2.7.2013, 20:38

)

у меня сайт

Цитата(BLACK_KOT @ 2.7.2013, 20:38

)

в css пишу

Есть такая замечательная вещь - относительные ссылки.

Код


url("/fonts/CyrillicGoth.ttf");

Второе:
Допишите тип шрифта после url:

Код


url("/fonts/CyrillicGoth.ttf") format("truetype");

у каждого формата он свой!

Третье:
Разные браузеры поддерживают разные форматы пользовательских шрифтов. Вероятно, вы проверяете сайт в браузере, который не поддерживает ttf-шрифты.
Воспользуйтесь сервисом вроде http://www.fontsquirrel.com/tools/webfont-generator, чтобы создать файлики различных форматов Вашего шрифта.

После всего этого на 99% шрифт заработает в любом современном браузере.