|
Подключение нестандартных шрифтов | ☑ | ||
---|---|---|---|---|
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
|
"Шрифт светлее за счет включенного сглаживания. Если "на глаз" выглядит плохо, то сделай цвет шрифта потемнее, тоже "на глаз"".Понятно, а с какой версии эксплорера сглаживание выключается? и вообще, есть, где почитать, чем браузеры друг от друга отличаются, чтоб к сюрпризам быть готовой?
|
Форум | Правила | Описание | Объявления | Секции | Поиск | Книга знаний | Вики-миста |