Форум PHP программистов > не могу вставить свой шрифт

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: не могу вставить свой шрифт

IDen

15.04.2012 - 17:43

<style type="text/css">

@font-face {
   font-family: HeliosLight;
   src: url('img/helios.ttf'); 
}

.topy
{
	font-family: HeliosLight;
	color: #6E6D73;
	font-size: 35px;
}

</style>

Вроде делаю всё правильно, а шрифт не вставляется (((
На шрифт и папку стоят права 777
пробовал font-family: HeliosLight; и font-family: "HeliosLight";

Где ошибка?

Спустя 28 минут, 6 секунд (15.04.2012 - 17:11) Nikitian написал(а):

Попробуйте указать полный путь к файлу шрифта

Спустя 12 часов, 41 минута, 50 секунд (16.04.2012 - 05:53) IDen написал(а):

указал путь вида:

http://my-site.ru/img/helios.ttf

Всё равно не хочет работать (((

Спустя 4 часа, 11 минут, 14 секунд (16.04.2012 - 10:04) redreem написал(а):

@font-face {
	font-family: 'HeliosLight'; 
	src: url('/img/helios.ttf') format('truetype');
}
.topy
{
	font-family: 'HeliosLight';
	color: #6E6D73;
	font-size: 35px;
}

Спустя 2 часа, 32 секунды (16.04.2012 - 12:05) IDen написал(а):

Всё равно не хочет (((
http://art-cherry.ru/index2.html

Спустя 57 минут, 9 секунд (16.04.2012 - 13:02) redreem написал(а):

попробуй так:

@font-face {
font-family: 'HeliosLight';
font-style: normal;
font-weight: normal; 
src: url('/img/helios.ttf') format('truetype')
}

в опере твоя страница с измененным шрифтом, в IE - нет. хотя для IE вообще надо в EOT шрифты отдавать. вот конвертор: http://www.kirsle.net/wizards/ttf2eot.cgi

Спустя 1 час, 5 минут, 54 секунды (16.04.2012 - 14:08) IDen написал(а):

фак...
сконвертировал eot-файл. И вставил код как было показано в инстирукции

@font-face {
 font-family: MyCustomFont;
 src: url("/img/HeliosLight.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("/img/HeliosLight.ttf") /* TTF file for CSS3 browsers */
}

Всё равно старый шрифт (((

Спустя 51 минута, 36 секунд (16.04.2012 - 14:59) redreem написал(а):

расписывай полные параметры, как в предыдущем моем посте, незабывай кавычки, это ж IE. а в других браузерах шрифт встает?

Спустя 3 часа, 3 минуты, 21 секунда (16.04.2012 - 18:03) IDen написал(а):

Хм...
IE видит шрифт!!!

FireFox и Chrome не видят (((

Расписывание полных параметров тоже не дало результатов (((

Спустя 5 минут, 10 секунд (16.04.2012 - 18:08) ADiel написал(а):


@font-face {
    font-family: 'HeliosLight';
    src: local('HeliosLight') , url("/img/HeliosLight.ttf") format('truetype');
}



.topy
{
	font-family: HeliosLight;
	color: #6E6D73;
	font-size: 35px;
}

А так?
Вообще chrome подгрузил шрифт, только не применил

Спустя 19 минут, 10 секунд (16.04.2012 - 18:27) IDen написал(а):

Без изменений (((

Спустя 1 час, 51 минута, 29 секунд (16.04.2012 - 20:19) redreem написал(а):

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

http://www.google.com/webfonts#ChoosePlace:select

Спустя 11 часов, 16 минут, 25 секунд (17.04.2012 - 07:35) IDen написал(а):

Гуглевский встал!!! Тока латинский ))))

Значит надо искать шрифт???

Но почему в IE шрифт вставал?

Щас опять скачал другой шрифт, не гугловский, опять не хочет вставать

Спустя 1 час, 19 минут, 5 секунд (17.04.2012 - 08:54) redreem написал(а):

я настолько глубоко не копал, но видимо тут вопрос в каких то внутренних форматах, настройках, кодировках шрифтов. не все видимо подходят под веб (воспринимаются одинаково всеми браузерами). возможно есть смысл поискать что-то типа "как подготовить (сконвертировать) шрифт для сайта"

покачто насколько я понимаю единственно 100% вариантом является использование http://cufon.shoqolate.com/generate/

вот еще: http://reviews.cnet.com/8301-13727_7-20087...d&subj=MacFixIt

Быстрый ответ:

Здесь расположена полная версия этой страницы.