VPF::загрузка своих шрифтов на сайт

Нурик Сакура

Дата 17.2.2006, 16:02 (ссылка)

(нет голосов)

Загрузка ...

Почти японец...

Профиль
Группа: Участник
Сообщений: 213
Регистрация: 17.12.2004
Где: Украина, Киев

Репутация: нет
Всего: 2

Драсти всем. У нас с другом возникла проблема - у нас есть сайт, допустим, 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>

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

Это сообщение отредактировал(а) Nurik - 17.2.2006, 16:04

--------------------

- Приказы не обсуждаются!- Не объясняются и не выполняются. (с) фанфик на Hellsing

Shadex

Дата 17.2.2006, 16:15 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 40
Регистрация: 23.5.2005

Репутация: нет
Всего: 1

Код


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

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

Нурик Сакура

Дата 17.2.2006, 16:22 (ссылка)

(нет голосов)

Загрузка ...

Почти японец...

Профиль
Группа: Участник
Сообщений: 213
Регистрация: 17.12.2004
Где: Украина, Киев

Репутация: нет
Всего: 2

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

--------------------

- Приказы не обсуждаются!- Не объясняются и не выполняются. (с) фанфик на Hellsing

Aliance

Дата 24.3.2006, 20:03 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137

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

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

AzuManga

Дата 24.3.2006, 21:13 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 168
Регистрация: 12.5.2005

Репутация: нет
Всего: нет

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

--------------------

Точка с запятой;

JaneCHER

Дата 5.3.2008, 21:56 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 60
Регистрация: 17.12.2007
Где: Пермь

Репутация: нет
Всего: нет

Цитата(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 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 43
Регистрация: 13.1.2008

Репутация: нет
Всего: нет

Цитата(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 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 305
Регистрация: 20.12.2006

Репутация: нет
Всего: -1

ребят, помогите, целый день бьюсь, понять не могу почему шрифт на других компах не подгружается..
у меня сайт 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>

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

Это сообщение отредактировал(а) BLACK_KOT - 2.7.2013, 21:40

--------------------

.. я - демо версия Бога от Microsoft..

Arantir

Дата 2.7.2013, 22:06 (ссылка)

(нет голосов)

Загрузка ...

Рыбак без удочки

Профиль
Группа: Участник
Сообщений: 960
Регистрация: 18.11.2012

Репутация: 5
Всего: 55

Первое:

Цитата(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% шрифт заработает в любом современном браузере.

--------------------

interface Жопа {
// ATTENTION: has to be implemented by every class of the project for proper project work
}

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »