Имя: Пароль:
IT
Веб-мастеринг
Подключение нестандартных шрифтов
,
0 Brunhilda
 
05.11.15
19:56
Доброго времени суток.Ситуация такая: есть готический шрифт Victorian gothic one.В русской версии существует и вполне действует, но исключительно в формате ttf.Этот формат не везде поддерживается.Что сделала: через http://www.font2web.com преобразовала в eot и woff, но после этого, если открыть сам файл, он показывает латинскую раскладку.
Шрифты не подключились.
Вопрос: на кого грешить, на себя, что кривой css написала или преобразование файла не удалось?

@font-face {
    font-family: 'Conv_victorian gothic one';
    
src: url('fonts/victorian gothic one.eot');
    
src: local('☺'), url('fonts/victorian gothic one.woff') format('woff'), url('fonts/victorian gothic one.ttf') format('truetype'), url('fonts/victorian gothic one.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}эту часть кода любезно предоставил фонт2веб после преобразования шрифта.

p#a, p#b, p#c {font-family: victorian gothic one;sans-serif;font-size:72px;}
папку fonts также из предосторожности оставила в одной директории с Css файлом, чтоб с путями не запутаться.
1 Asmody
 
05.11.15
20:20
(0) я бы, для начала, убрал бы пробелы из имени файла.
2 Asmody
 
05.11.15
20:25
Дальше, в font-family имя шрифта надо брать в кавычки. И оно должно совпадать с font-family в @font-face.
3 Brunhilda
 
09.11.15
16:51
спасибо, "И оно должно совпадать с font-family в @font-face." -слона не заметила, а про пробелы как-то не подумала.
Для контроля нашла готовые, несконвертированные шрифты тоже русифицированная готика в тех же форматах.Посмотрю, что выйдет
4 Garikk
 
09.11.15
17:08
и не стоит делать имена файлов с пробелами, если предполагается доступ через http к ним
5 D_Pavel
 
09.11.15
21:11
(4) не нужно таких ограничений в именах файлов, не в каменном веке живем. Сейчас любой сервер и любой браузер пробелы понимает. Главное кавычки не забыть. Без пробелов кавычки не нужны, кстати.
6 Asmody
 
09.11.15
22:04
(5) Пробелы лучше не делать. Кавычки лучше поставить.
7 Brunhilda
 
18.11.15
09:22
сделала, как советовали старшие товарищи: и пробелы убрала, и кавычки поставила.Всё показывает, даже в эксплорере и даже не такого ощипанного вида, когда в файле были синтаксические ошибки.(я уже ознакомилась, что фонт2 веб сильно искажает шрифты)
Единственное, что меня смущает это цвет заливки шрифта, в том же эксплорере - он значительно бледнее цвета картинок, помещенных на той же странице.Хотя цвет и в заливке шрифтов и в иллюстраторе, где рисовались картинки, указан одинаковый и выбирался из "безопасных" веб-цветов.И файл с картинками пересохранялся для веб.
В интернете информации не нашла.Буду рада, если кто поделится сведениями.
8 Asmody
 
18.11.15
20:31
а что цвет светлее на глаз определила или "пипеткой"?
9 Brunhilda
 
19.11.15
15:36
в html файле, конечно на глаз.
10 D_Pavel
 
20.11.15
09:56
(6) Не лучше. "Лучше" - это когда не уверен нужно это или не нужно. А когда уверен, то нет такого варианта "лучше", есть только варианты "надо" или "не надо".
11 D_Pavel
 
20.11.15
09:58
(7) Шрифт светлее за счет включенного сглаживания. Если "на глаз" выглядит плохо, то сделай цвет шрифта потемнее, тоже "на глаз"
12 Asmody
 
20.11.15
10:02
(9) Определяй "пипеткой". Глаз в этом смысле не самый надежный инструмент.
13 D_Pavel
 
20.11.15
10:06
(12) Посетители сайта тоже пипеткой должны определять?
14 Brunhilda
 
27.11.15
16:19
"Шрифт светлее за счет включенного сглаживания. Если "на глаз" выглядит плохо, то сделай цвет шрифта потемнее, тоже "на глаз"".Понятно, а с какой версии эксплорера сглаживание выключается? и вообще, есть, где почитать, чем браузеры друг от друга отличаются, чтоб к сюрпризам быть готовой?
Проблемы невозможно решaть нa том же уровне компетентности, нa котором они возникaют. Альберт Эйнштейн