typekit01

Adobe Muse CCを使ったホームページ制作

Adobe MuseにおけるTypekitフォント使用に関する検証

作業画面上ではTypekitフォントが反映されるものの書き出したHTMLには反映されないので検証してみました。

▽HTMLで書き出し、手動でアップロードした場合はTypekitフォントを非表示
http://y-kishioka.com/muse-sample/typekit01/index.html
▽FTPホストにMuse上から直接アップロードを行った場合はTypekitフォントを表示
http://y-kishioka.com/muse-sample/typekit02/index.html
▽Business Catalystにパブリッシュを行った場合はTypekitフォントを表示
http://typekit08.businesscatalyst.com/index.html

▽アップロードされる書類は両者とも同じ
・index.html
・sitemap.xml
・muse_manifest.xml
・css/index.css
・css/site_global.css
・scripts/whatinput.js
・scripts/museutils.js
・scripts/jquery,watch.js
・scripts/jquery-1.8.3.min.js

▽両書類の違いはindex.html内の特定箇所

・typekit01/index.html
typekit01-01

・typekit02/index.html
typekit01-02

▽試しにHTMLで書き出したindex.htmlに
typkit02/index.html内の特定箇所をコピー&ペースト後、
手動でアップロードした場合はTypekitフォントを表示されました。
http://y-kishioka.com/muse-sample/typekit03/index.html

dynamic-slide映画的表現のスライドショー(Adobe Muse)前のページ

PDFファイルをダイレクトに掲載(Adobe Muse)次のページpdfviewer

関連記事

  1. rapidreveal01

    Adobe Muse CCを使ったホームページ制作

    アコーディオン方式で展開させるイメージギャラリー(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。…

  2. audio-visualizer-set01

    Adobe Muse CCを使ったホームページ制作

    音楽とマウスでビジュアルを操作(Adobe Muse CC)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。…

  3. image-text

    Adobe Muse CCを使ったホームページ制作

    テキストに画像を配置(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。…

  4. interactive-particles

    Adobe Muse CCを使ったホームページ制作

    マウス操作で粒子が飛び散るインパクト表現(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。…

  5. musexpress3_15

    Adobe Muse CCを使ったホームページ制作

    Search Boxの設定(MusexPress3)

    『Adobe Muse』と『MusexPress3』を組み合わせること…

  6. musexpress11

    Adobe Muse CCを使ったホームページ制作

    MuseとWordPressの連携(その4/Adobe Muse)

    Adobe MuseとWordPressを連携させたサイトの制作に挑戦…

  1. eyecatch-201008

    Premiere Pro

    ジャンルを問わないシンプルで使いやすいオープニング・エンディングロゴ集-01
  2. eyecatch-200416

    Character Animater

    Character Animatorで重力を表現
  3. filmora-pho015-01

    Filmora

    ファッションコレクション/タイトル30種(Filmora)
  4. trace-animator

    Adobe Muse CCを使ったホームページ制作

    トレースアニメーション(Adobe Muse)
  5. bigmenu03

    Adobe Muse CCを使ったホームページ制作

    フルスクリーンメニューが11種(Adobe Muse)
PAGE TOP