Внедрение на сайт нестандартных шрифтов

[Rishat116]

Всем привет. Первое сообщение на этом форуме, поэтому если вдруг не в тот раздел разместил свой вопрос, просьба - сильно не ругайте. Еще только осваиваюсь, надеюсь мне здесь понравиться и останусь на долго. ))

Впрочем, также только начал осваивать WB и поэтому периодически возникают вопросы. Суть вопроса собственно есть в заголовке темы - "Как внедрить на сайт нестандартные шрифты". Объясните пожалуйста, желательно попроще, чтобы понять, т.к. не очень силен в css и html. Я больше по дизайну силен и данная cms думаю как раз то, что мне нужно.

Возможно здесь на форуме уже поднимался этот вопрос, но я точного ответа так и не нашел. Если что - дайте ссылку на тему. Заранее спасибо за исчерпывающие ответы.

[chelsyk]

Привет.
Верхняя панель билдера - параметры - HTML - Шрифты - Вручную задать шрифты

[Конструкторщик]

Всем привет. Первое сообщение на этом форуме, поэтому если вдруг не в тот раздел разместил свой вопрос, просьба - сильно не ругайте. Еще только осваиваюсь, надеюсь мне здесь понравиться и останусь на долго. ))

Впрочем, также только начал осваивать WB и поэтому периодически возникают вопросы. Суть вопроса собственно есть в заголовке темы - "Как внедрить на сайт нестандартные шрифты". Объясните пожалуйста, желательно попроще, чтобы понять, т.к. не очень силен в css и html. Я больше по дизайну силен и данная cms думаю как раз то, что мне нужно.

Возможно здесь на форуме уже поднимался этот вопрос, но я точного ответа так и не нашел. Если что - дайте ссылку на тему. Заранее спасибо за исчерпывающие ответы.

Итак,поехали:
1.
Прежде всего во вкладке инструменты выбираем:параметры-HTML
....делаем как на скрине:

После этого прога сама будет генерить вот такой вот css файлик:

Правда там будет прописан стандартный шрифт,ручками меняем назв.шрифта на свой(в нашем примере "MagistralTT-Bold") и делаем копию этого css файлика.Копию будем подставлять,потому что прога будет постоянно перезаписывать свой файл со стандартными шрифтами.
2.
Затем во вкладке формат,жмем по "стили",жмем кнопку"добавить",даем название своему стилю и в левом нижнем углу жмем кн."дополнительно"
Тут вписываем свои свойства стиля для нужного отображения текста,на моем примере:

.mgs65u_size_12px
{
font-family: MagistralTT-Bold;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
src: url('mgs65u.eot?iefix') format('embedded-opentype'), url('mgs65u.ttf') format('truetype');
}

3.Затем выделяем текст которому хотим придать нужный нам шрифт,щелкаем по нему пр.кл.мыши-стили и выбираем наш стиль со шрифтом:

4.
Нам нужен будет сам шрифт,в нашем примере это шрифт "MagistralTT-Bold".
Он у нас уже есть,но нам нужны будут еще несколько вариантов расширения этого шрифта.
Для этого идем сюда вбиваем свой шрифт (.ttf) и получаем уже несколько готовых форматов этого шрифта:

Весь этот комплект шрифтов мы потом обязательно должны поместить в одну папку со всеми нашими файлами!
Постарался объяснить доходчиво,но...как получилось,думаю понятно.

[Rishat116]

спасибо за ответы. Более-менее понятно... Буду экспериментировать.

[vazgen]

Ребят, не сказать чтоб я совсем ничего не понял, но у меня точно ничего не получилось. Создал сайт через копирования с нужными мне шрифтами, сохраняю публикую, и все сикось на кось по ехало. Даже с компа не отображает 'PT Sans Narrow' что там говорить о мобиле. Подскажите пожалуйста более подробно, как вылечить эту проблему. Если как то поможет то сайт http://ozkan.det-planetka.com очень нужно побороть проблему, помогите чайнику, только если можно подробнее очень прошу вас!

Просто прошу скажите как сделать так чтоб 'PT Sans Narrow' отображался на планшетах с оперой мини и различных айфонах?

[Nerevar]

Здравствуйте. У меня довольно непонятная проблема со встраиванием нестандартного шрифта. Делал я всё, как было описано выше Конструкторщиком. Я пытаюсь прикрепить к сайту шрифт Rex Bold. Вот пару скринов.

Я сделал стиль для рексболд:

2014.01.11_23-24-49.jpg

Такой же стиль сделал и для РексБолдИнлайн

Далее я загрузил всё на хостиг (таймвеб, если что):

2014.01.11_23-26-26.jpg

В css файле naprimer я исправил стандартные шрифты на рексболд:

2014.01.11_23-33-01.jpg

В итоге после всех манипуляций получилось вот что:

проблема шрифтов.png

Это вырезка скрина с хрома. В опере такое же веселье. Я так же давал посмотреть этот пробный сайт другу, у него точно такой же бред, как на указаном скрине.
Когда ничего не работало было хотя бы понятно что делать, а теперь я просто в замешательстве. Подскажите, пожалуйста, от чего может быть такая проблема? Я даже не знаю как искать её решение, если честно.

Ах да, вот ссылка на сайт http://nerevar.tmweb.ru/

[Gregdays]

Ребята, ничего не пойму.
Внедряю шрифт. Вроде все хорошо. Шрифт меняется, но меняется на BOLD а мне нужен MEDIUM. Как бы и где бы я не исправлял, какого то хрена все равно появляется БОЛТ! Че делать?

[Gregdays]

Прошу прощения, возможно я туплю и не понимаю о чем речь. Прошу объяснить следующие вещи!

После этого прога сама будет генерить вот такой вот css файлик:

куда будет генерировать ? После чего будет генерировать? Где его найти потом?

и делаем копию этого css файлика.

Копию файлика? или содержимого файлика?

Копию будем подставлять

Куда подставлять?

[Конструкторщик]

Ребята, ничего не пойму.
Внедряю шрифт. Вроде все хорошо. Шрифт меняется, но меняется на BOLD а мне нужен MEDIUM. Как бы и где бы я не исправлял, какого то хрена все равно появляется БОЛТ! Че делать?

Не забивайте голову,прикручивайте Гугл шрифты,кириллицу.

[sashabycador]

Постарался объяснить доходчиво,но...как получилось,думаю понятно.

Все отлично объяснено, но есть одно но: данный пример приведен для текста, а нужно применить нестандартный шрифт к css-меню. У данного элемента на вкладке "Стили" окна настроек элемента нет места, куда бы я мог поместить информацию именно для css-файла. Пытался менять код в другом месте - в контекстном меню выбрал пункт "html-исходник", там выбрал вкладку "особый стиль", вставил туда код (ест-но файлы шрифтов поместил в папку с файлами проекта). Нот после генерации страницы ничего не вышло. Знаете ли вы, как решить сию проблему?

[anonimus]

а нужно применить нестандартный шрифт к css-меню.

выбираем нужный вам шрифт


потом подключаем вручную этот шрифт тут



профит!

[Sveta2608]

Привет) Продолжу тему чтоль))) запуталась со шрифтами. Скачала шрифт Exe2 с Гугл фонтс, а конкретно Extra-Light , установила, в параметрах программы установила автоматически использовать. Благополучно залила на хостинг. Все удачно, шрифты идеально работали и на ноутбуке и на телефоне и на планшете. После правки текста и публикации повторно, на планшете и телефоне шрифт слетел, при этом все остальные варианты этого шрифта работают. Как это победить?

[anonimus]

если шрифт с гугл фонтс, то сделайте так

[alexa]

я кстати заметил, что парой установленные шрифты слетают из web buildera

[anonimus]

да, я не раз замечал, что такое действительно происходит, но виноват в этом пользователь веб билдера

[Sveta2608]

[quote="anonimus"]если шрифт с гугл фонтс, то сделайте так

Делала и так, не помогает, надоело голову ломать поставила другой шрифт, который не слетает.

[anonimus]

подключайте тогда вручную

[alexa]

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

[anonimus]

есть ряд ошибок которые допускают пользователи, но я ещё раз повторяю, что не бывает самопроизвольного слетания шрифтов
а вот по недосмотру и не учитывания некоторых особенностей билдера всё это случалось

автор решила свою проблему и тема закрыта!

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