Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> проблема с загрузкой своего шрифта 
:(
    Опции темы
pythonwin
Дата 20.2.2008, 13:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

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



Всем привет!
скажите, пожалуйста в чем может быть причина - не работает подгрузка своего шрифта
измененный пример из http://loc.stack.ru/projects/CSS2/fonts.html#font-selection
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
  <HEAD>
    <TITLE>Тестирование шрифтов</TITLE>
    <STYLE TYPE="text/css" MEDIA="screen, print">
      @font-face {
        font-family: "Coronet";
        src: url("Coronet.ttf")
      }
      H1 { font-family: "Coronet"}
    </STYLE>
  </HEAD>
  <BODY>
    <H1> Этот заголовок отображается шрифтом Robson Celtic</H1>
  </BODY>
</HTML>

шрифт во вложении - по-тестируйте, пожалуйста.


Присоединённый файл ( Кол-во скачиваний: 4 )
Присоединённый файл  Coronet.ttf 101,06 Kb
PM WWW GTalk Jabber   Вверх
ilyaILF
Дата 20.2.2008, 14:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Шрифт должен быть в формате .eot :
<style type="text/css"> 
@font-face { 
font-family: "My_font"; 
src: url(some_font_file.eot); 

BODY {font-family: "My_font", Arial} 
</style>
Программу для конвертации шрифтов в этот формат можно скачать отсюда http://www.microsoft.com/typography/web/embedding/weft3/
Работать это все будет только в броузерах семейства IE, так, что сейчас с этим уже никто старается не связываться.

PM MAIL   Вверх
pythonwin
Дата 20.2.2008, 14:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

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



Цитата(ilyaILF @  20.2.2008,  17:26 Найти цитируемый пост)
Работать это все будет только в броузерах семейства IE, так, что сейчас с этим уже никто старается не связываться.

а как быть в фф и опере?
PM WWW GTalk Jabber   Вверх
NDenis
Дата 20.2.2008, 14:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(pythonwin @  20.2.2008,  14:28 Найти цитируемый пост)
а как быть в фф и опере? 

По возможности не использовать не стандартные шрифты. Если все-таки такой возможности нет, тогда использовать картинки
PM MAIL   Вверх
ilyaILF
Дата 20.2.2008, 14:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Есть возможность подгружать свои шрифты с помошью флэш-ролика http://flash-mx.ru/url_fonts, только по-моему для оформления текста должен будет использоваться сам флэш.
PM MAIL   Вверх
pythonwin
Дата 20.2.2008, 14:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

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



Цитата(ilyaILF @  20.2.2008,  17:37 Найти цитируемый пост)
Есть возможность подгружать свои шрифты с помошью флэш-ролика http://flash-mx.ru/url_fonts, только по-моему для оформления текста должен будет использоваться сам флэш. 

а менее извратный способ есть?
PM WWW GTalk Jabber   Вверх
ilyaILF
Дата 21.2.2008, 11:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Использовать стандартные семейства шрифтов:
serif - Georgia, Times, Times New Roman, Garamond Century, Schoolbook.
sans-serif - Verdana, Arial, Helvetica, Trebuchet, Tahoma.
monospace - Courier, MS Corier New, Prestige.
cursive - Lucida Handwriting, Zapf-Chancery.
fantasy - Comic Sans, Whimsey, Critter, Cottonwood.
PM MAIL   Вверх
pythonwin
Дата 22.2.2008, 07:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

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



Цитата(ilyaILF @  21.2.2008,  14:21 Найти цитируемый пост)
Использовать стандартные семейства шрифтов:
serif - Georgia, Times, Times New Roman, Garamond Century, Schoolbook.
sans-serif - Verdana, Arial, Helvetica, Trebuchet, Tahoma.
monospace - Courier, MS Corier New, Prestige.
cursive - Lucida Handwriting, Zapf-Chancery.
fantasy - Comic Sans, Whimsey, Critter, Cottonwood. 

всё правильно, но например у меня линукс и у меня соответственно нет этих шрифтов?
а на маках я их тоже не видел...


Это сообщение отредактировал(а) pythonwin - 22.2.2008, 19:32
PM WWW GTalk Jabber   Вверх
frik8th
Дата 25.2.2008, 14:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Цитата(ilyaILF @ 20.2.2008,  14:26)
Шрифт должен быть в формате .eot :
<style type="text/css"> 
@font-face { 
font-family: "My_font"; 
src: url(some_font_file.eot); 

BODY {font-family: "My_font", Arial} 
</style>
Программу для конвертации шрифтов в этот формат можно скачать отсюда http://www.microsoft.com/typography/web/embedding/weft3/
Работать это все будет только в броузерах семейства IE, так, что сейчас с этим уже никто старается не связываться.

расскажи пожалуйста как этой прогой из ttf в eot конвертировать, по моему там в eot можно только из вебдокумента конвертировать?
PM MAIL   Вверх
ilyaILF
Дата 25.2.2008, 15:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Не совсем понятно мне в чем проблема использования этой программы... Сначала вы скачиваете себе дистрибутив WEFT со страницы http://www.microsoft.com/typography/web/em...eft3/weft01.htm устанавливаете себе ее на компьютер. Далее запускаете мастера который по шагам (их всего 6) будет проводить вас к созданию необходимого файла шрифта *.eot Да, он спрашивает адрес странички, можно задать даже адрес с локального диска, даже просто создать любую индексную страничку *.html и указать ее (перед этим на ней надо конечно же подключить все необходимые "экзотические" шрифты), далее программа сама создаст необходимые файлы *.eot со всеми используемыми на вашей страничке шрифтами и подключит их в файле *.html Дальше вы можете их (*.eot) использовать по своему усмотрению.

Это сообщение отредактировал(а) ilyaILF - 25.2.2008, 15:14
PM MAIL   Вверх
frik8th
Дата 25.2.2008, 16:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Цитата(ilyaILF @ 25.2.2008,  15:12)
создать любую индексную страничку *.html и указать ее (перед этим на ней надо конечно же подключить все необходимые "экзотические" шрифты)

можешь привети пример такой странички? smile 
PM MAIL   Вверх
pythonwin
Дата 25.2.2008, 17:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

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



попробуй
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
  <title></title>
  <meta name="GENERATOR" content="Quanta Plus">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>


</body>
</html>


PM WWW GTalk Jabber   Вверх
ilyaILF
Дата 25.2.2008, 19:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Сохраните на Рабочий стол например такую страничку:
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
p {font-family: "Book Antiqua";}
span {font-family: "Franklin Gothic Medium";}
a {font-family: "Lucida Console";}
</style>
</head>
<body>
<p>Пример, пример, пример, пример, пример, пример, пример, пример, пример, пример, пример</p>
<span>Пример, пример, пример, пример, пример, пример, пример, пример, пример, пример, пример</span>
<a>Пример, пример, пример, пример, пример, пример, пример, пример, пример, пример, пример, пример</a>
</body>
</html>
И запустите WEFT, далее выберите этот сохраненный файл на определенном шаге мастера WEFT и он вам сгенерирует на этом же рабочем столе файлы *eot. Шрифты я взял произвольные, которые у меня были в системе, обязательно позаботьтесь о том, чтобы шрифты были у вас в системе, прежде чем запускать WEFT, иначе ему просто не из чего будет создавать файлы *.eot
PM MAIL   Вверх
frik8th
Дата 25.2.2008, 21:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Целый день голову ломал и вот научился! ilyaILF, спасибо за пример smile  
PM MAIL   Вверх
pythonwin
Дата 27.2.2008, 10:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


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

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



а есть ресурсы где выложены уже созданные eot?

PS гугле не помог

ilyaILF, спасибо за помощь +=1
PM WWW GTalk Jabber   Вверх
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1330 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.