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
Share on other sites

Recommended Posts

  • 0

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

Share this post


Link to post
Share on other sites

Новая статья

Как бесплатно получить специализированный хостинг для 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
Share on other sites
  • 0
itideas    1

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

Share this post


Link to post
Share on other sites
  • 0
Guest Vadim   
Guest Vadim

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

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

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

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

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

Share this post


Link to post
Share on other sites
  • 0
dimonz    0

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

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

Share this post


Link to post
Share on other sites
  • 0

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

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

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

Share this post


Link to post
Share on other sites
  • 0
Guest Zr   
Guest Zr

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

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

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

Share this post


Link to post
Share on other sites
  • 0

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

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

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

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

Share this post


Link to post
Share on other sites
  • 0
Guest 365525820   
Guest 365525820

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

Share this post


Link to post
Share on other sites
  • 0

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

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

Share this post


Link to post
Share on other sites
  • 0
Guest Михаил   
Guest Михаил

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

Share this post


Link to post
Share on other sites
  • 0
Guest Гость   
Guest Гость

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

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

Share this post


Link to post
Share on other sites
  • 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
Share on other sites
  • 0
Guest Дмитрий   
Guest Дмитрий

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

Share this post


Link to post
Share on other sites
Sign in to follow this  

×
×
  • Create New...