font-face - подключить шрифт

GlooM · June 12, 2007

Привет!

Возникла проблема!

Есть шрифт (скажем, fnt (даже расширение не знаю.. )), он находится в папке font на сайте.. на сервере он не установлен... как подключить этот шрифт?

т.е. чтобы можно было написать font-family: fnt; и он работал!

Спасибо!

Emm · June 12, 2007

@font-face { font-face: "шрифт";  src: url("../папка/шрифт.ttf"); }

или

@font-face { font-family: шрифт;  src: url(../папка/шрифт.ttf); }

не уверен что пройдет, пробуйте.

Maslakoff · June 13, 2007

2 Emm, помойму так:

@font-face { font-face: "шрифт" src: url("../папка/шрифт.ttf"); }
или
@font-face { font-family: шрифт src: url(../папка/шрифт.ttf); }

coldman · June 13, 2007

а ето везде работает?

Maslakoff · June 13, 2007

2 coldman, если это занесено в стандарты CSS, то значит везде(или почти везде)....

coldman · June 13, 2007

стандарты это хорошо, но пока нет бразеров которие работают полностю по стандартам

Maslakoff · June 14, 2007

This heading is displayed using Robson Celtic

Soniclord · June 22, 2007

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
  <HEAD>
	<TITLE>Font test</TITLE>
	<STYLE TYPE="text/css" MEDIA="screen, print">
	  @font-face {
		font-family: "new_zelek";
		src: url("http://localhost/saska/new_zelek")
	  }
	  H1 { font-family: "new_zelek"}
	</STYLE>
  </HEAD>
  <BODY>
	<H1> This heading is displayed using Robson Celtic</H1>
  </BODY>
</HTML>

Почему не работает???? :-(

Emm · June 22, 2007

а расширение шрифта указано?

Maslakoff · June 22, 2007

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
  <HEAD>
	<TITLE>Font test</TITLE>
	<STYLE TYPE="text/css" MEDIA="screen, print">
	  @font-face {
		font-family: "new_zelek";
		src: url("http://localhost/saska/new_zelek.tft")
	  }
	  H1 { font-family: "new_zelek"}
	</STYLE>
  </HEAD>
  <BODY>
	<H1> This heading is displayed using Robson Celtic</H1>
  </BODY>
</HTML>

Soniclord · June 23, 2007

пробовал, не помогает...:-( а у Вас работает?

Emm · June 23, 2007

to Soniclord

расширение -- ttf

попробуй еще с удаленного сервера, ну зарегся где-то на народе и оттуда грузи....

BobKadler · July 17, 2007

Ребят а ведь не работает этот метод. У кого-нибудь получилось сделать загрузку стороннего шрифта? Если да то расскажите как сделали? Пробовал этот метод не работает ни в одном браузере. Прич?м в IE ч?тко видно как файл шрифта он скачивает с сервера но шрифт не применяет вс? равно.

Fu-tai · July 17, 2007

Да действительно, такое наблюдается. У меня сработал токо один раз и трех(образно говоря)!

Походу тут дело еще в чем-то другом!

BobKadler · July 17, 2007

А есть у кого-нибудь другие предложения как ещ? это сделать? По ходу дела font-face ждать следует только с выходом CSS3.0 потому что я сегодня перепробовал всевозможные варианты написания кода и ничего не помогло. Один или два раза видел как IE выгружал файл шрифта и Опера тоже грузила но к форматированию вс? равно не применяли.

CannabiS · August 11, 2007

This heading is displayed using Robson Celtic

Sergey7785 · August 14, 2007

Hi

Единственное что смог приделать, так это шрифт в формате EOT. Для этого пришлось конвертировать специальной программой WEFT, которая еще и не все шрифты глотает. Указанные выше коды работают только с этим форматом. Сама программа также может генерировать код, необходимый для показа шрифта.

Если у кого получилось отобразить шрифт TTF или какой-нибудь подобный, то напишите пожалуйста действительно рабочий вариант кода.

gost · January 28, 2008

Помогите пожалуйста! Я использую следующий синтаксис для подключения файла со шрифтом:

@font-face { font-family: "afrsc___"; src: url("shifts/afrsc___.pfm"); }

Но не работает, в чем может быть причина?

А использую так -

.shifts {font-family: "afrsc___"}

Помогите пожалуйста!

XXXVII · February 18, 2008

.EOT - это не кроссбраузерное решение? Появились ли другие методы кроме sIFR?

leonrafael · November 28, 2009

Люди, сразу говорю. Есть шрифты поддерживающие ТОЛЬКО латинские символы. Установил свой шрифт в формате *.ЕОТ. У меня все работает, но только если пишу на англ языке, кирилицу не отображает (точнее отображает шрифтом по умолчанию). Вот и вся проблема. Просто ищите шрифты оптимизированные под кирилицу.

Вот сайт - онлайн конвертер шрифтов. Там все просто (хоть и на английском), даже ребенок поймет.

Edited November 29, 2009 by leonrafael

Takker · June 5, 2010

вообще такой код сработал с первого раза:

@font-face
{
font-family: "stalker_ttf";
src : url("font/MTR49__C.TTF");
}

Потом, где надо его используем:

#divName{
	  font-family: stalker_ttf,Tahoma, Arial, Helvetica, sans-serif;
}

Проблема только у меня была с "font-stretch", но оно и на других шрифтах не работает.. кто-нибудь знает, может есть особенности использования "font-stretch" ??

unknowname · June 15, 2011

добавляйте в закладки

1. онлайн конвертер шрифтов -> http://onlinefontconverter.com/

2. пост про использование своих шрифтов (ENG) -> http://randsco.com/index.php/2009/07/04/p680

по 1й ссылке делаем *.ttf->*.eot и *.ttf->*.otf (оба OpenType)

по 2й ссылке смотрим как сделать что-то вроде "кроссбраузерности отображения"

Edited June 15, 2011 by unknowname

SEObomj · June 15, 2011

unknowname

Тогда уж лучше белку-шрифтелку лучше использовать

moroznoeytpo · September 22, 2011

Везде кроме IE любой версии работает.

Кто знает как вылечить?

<style>
@font-face {
font-family: "Avalon Medium";
src: url("css/Avalon Medium.ttf");
}
</style>

Edited September 22, 2011 by moroznoeytpo

apple_e · September 24, 2011

Везде кроме IE любой версии работает.
Кто знает как вылечить?
<style>
@font-face {
font-family: "Avalon Medium";
src: url("css/Avalon Medium.ttf");
}
</style>

ie понимает не все форматы, я использую .otf

Shevtcoff · April 4, 2012

Здравствуйте, столкнулся с проблемой при конвертации с помощью http://www.fontsquirrel.com/fontface/generator

шрифта OfficinaSerifCTT Italic.ttf, часть букв правильно конвертирует, а часть нет, может что в настройках дополнительно указать необходимо, или бесполезно, нужно менять шрифт

Sign In

font-face - подключить шрифт

Question

Link to comment

Share on other sites

27 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

This heading is displayed using Robson Celtic

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

This heading is displayed using Robson Celtic

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information