Jump to content
  • 0
Sign in to follow this  
itideas

Как добавить свой шрифт в Adobe Muse?

Question

itideas    1

Подскажите, как добавить больше русских шрифтов в Adobe Muse? Возможно вообще это? Кроме тех, что предлагает typekit в muse. Например ту же самую Хельветику с различными начертаниями, там одна есть по умолчанию, но нужно много разных.

Share this post


Link to post

Recommended Posts

  • 0

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

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0

Кстати, есть возможность кроме шрифтов из TypeKit подключать так же шрифты из Google Web Fonts (всего 32 штуки), ниже инструкция от администрации русскоязычного сообщества Adobe Muse CC, пользуйтесь:

    [*]Зайдите на сайт Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке..

    [*]В левом столбце, в поле Script выберите либо Cyrillic либо Cyrillic Extended. Это отфильтрует все шрифты в которых нет русских букв и начертаний.

    Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

    [*]После этого выберите любой понравившийся шрифт из коллекции Google (всего 32) и щелкните по голубой кнопке Add to Collection.

    Размещенное изображение

    [*]В нижней части страницы появится блок в котором вам будет нужно нажать кнопку Use.

    Размещенное изображение

    [*]Вы попадете на следующую страницу, где её нужно будет промотать вниз до пункта 2. Choose the character sets you want: и поставить галочки рядом со всем пунктами Cyrillic, выглядеть это будет так:

    Размещенное изображение

    [*]Переходим к пункту 3 где вам нужно будет скопировать в буфер сгенерированный код, на скриншоте ниже весь нужный код выделен красным:

    Размещенное изображение

    [*]Переходим в Adobe Muse, открываем сайт в который нужно добавить шрифт и переходим в режим План. Правой кнопкой мыши щелкаем по миниатюре сайта в которую нужно встроить новый шрифт и в выпавшем меню выбираем Свойства страницы...:

    Размещенное изображение

    [*]В появившемся окне переходим на вкладку Метаданные и в поле HTML для <Head> вставляем ранее скопированный код:

    Размещенное изображение

    [*]Осталось отредактировать саму страницу сайта, для этого щелкаем два раза по миниатюре страницы в которую мы ранее добавили код и в любом месте вставляем следующий код:

<p style="font-family: 'Oranienbaum';">Заголовок со шрифтом Oranienbaum</p>
Где: Oranienbaum - это название шрифта точно как указанно на сайте google; Этот текст со шрифтом 'Oranienbaum' - текст который должен отображаться на сайте.

[*]У появившегося текстового фрейма с помощью стандартных элементов Muse меняем размер шрифта на 60, а цвет текста устанавливаем белым, получиться такой результат:

Размещенное изображение

[*]На это все! Теперь всего лишь меняя не большое количества кода вы легко сможете использовать на своем сайте не только шрифты из серии TypeKit, но подключать и использовать сторонние шрифты от Google!

Share this post


Link to post
  • 0
itideas    1

Спасибо за развернутый ответ! Вы молодцы!  Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке./default_smile.png" alt=":)">

Share this post


Link to post
  • 0
Guest Vadim   
Guest Vadim

Разобрался, сначала 9 пункт не понял, потому что когда клацал по блоку с вставленным html

не появлялось меню для редактирования текста.

Но если выбрать этот блок, и в верхней менюшке нажать текст

то тогда можно тексту задать цвет, высоту и другие параметры.

Спасибо все классно!

Share this post


Link to post
  • 0
dimonz    0

Все сделал по инструкции, но при загрузке на хост русский шрифт превращается в символы (РџРћР&nbsp;РўР&nbsp;ЕТНОЕ ФОТО).

А если открыть в редакторе файл index.html то все коды перенеслись корректно...?

Share this post


Link to post
  • 0

Все сделал по инструкции, но при загрузке на хост русский шрифт превращается в символы (РџРћР&nbsp;РўР&nbsp;ЕТНОЕ ФОТО).

А если открыть в редакторе файл index.html то все коды перенеслись корректно...?

Не по инструкции сделали, и скорее всего выбрали шрифт который не поддерживает кириллицу (русские символы).

Share this post


Link to post
  • 0
Guest Zr   
Guest Zr

Спасибо за разъяснения.

Теперь понятно, как отобразить текст на страничке нужным шрифтом из Google.

А как сделать так, чтобы этим же шрифтом из Google отображались надписи в мини-прилжении "Меню"  (надписи пунктов меню)?

Share this post


Link to post
  • 0

Спасибо за разъяснения.

Теперь понятно, как отобразить текст на страничке нужным шрифтом из Google.

А как сделать так, чтобы этим же шрифтом из Google отображались надписи в мини-прилжении "Меню"  (надписи пунктов меню)?

К сожалению способ описанные мною выше для этого не подойдет. Но есть еще один способ, вручную прописать стили для текста через <head> блок.

Share this post


Link to post
  • 0
Guest 365525820   
Guest 365525820

Почти таким же способом можно подключить и не «web шрифты». Только их для начала нужно конвертировать. Я таким образом PF Din Text Cond Pro подключил. Если интересно кому dzeen.san@gmail.com научу =)

Share this post


Link to post
  • 0

Почти таким же способом можно подключить и не «web шрифты». Только их для начала нужно конвертировать. Я таким образом PF Din Text Cond Pro подключил. Если интересно кому dzeen.san@gmail.com научу =)

Научите всех нас! Или напишите мне, я составлю подробную инструкцию с картинками для всех.

Share this post


Link to post
  • 0
Guest Михаил   
Guest Михаил

Cпасибо за урок, все отлично работает, только у меня шрифт например Roboto только normal ставитcя а например Thin или Light нет.

Share this post


Link to post
  • 0
Guest Гость   
Guest Гость

Cпасибо за урок, все отлично работает, только у меня шрифт например Roboto только normal ставитcя а например Thin или Light нет.

Интересует вопрос, в Muse можно использовать стиль шрифта light?

Share this post


Link to post
  • 0

Интересует вопрос, в Muse можно использовать стиль шрифта light?

На 5 пункте моей инструкции проставляете галочки на тех стилях шрифта которые хотите использовать:

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Далее, в HTML код который вставляем в Muse прописываем дополнительный параметр указывающие какое начертание использовать. Обратите внимание на цифры которые находятся перед названием начертания (400 или 700). Чтобы использовать начертание bold добавляем font-weight: 700. Готовый для вставки в Adobe Muse код будет выглядеть так:

<p style="font-family: 'Oranienbaum'; font-weight: 700;">Заголовок со шрифтом Oranienbaum</p>

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
  • 0
Guest Дмитрий   
Guest Дмитрий

Один фиг, текст отображается как изображение

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...