フォント面の宣言ごとに、同じフォントファミリ名（この場合はAvenir）を使用して、以下のようにフォント宣言を設定します。woffsを使用する方がよい理由は2つあります。1つはページロードをスキミングするための優れたコンバーターを使用してwoffsを約20kに下げることができ、もう1つはワークステーションフォントを使用する場合です。フォントが実際には機能していないときに機能している-（最後にドキュメントをプリンタに送信したときに、期待どおりに表示されなくなったと考えてください。つまり、プリントサーバーを介して送信され、フォントはサポートされていません）また、コピーライトの問題全体が原因です。 IE9より前のバージョン。http：//caniuse.com/#search=woffを参照してください。--IEは本当にサポートを計画する必要があるものです-クロスブラウザのサポートには、eotファイルを使用してください。モバイルandroid、apple 3gのフォントフォールバックを取得する場合は、できるだけ多くのグリフを削除できるfontkitサービス（fontsquirrelなど）を使用してください。ただし、ファウンドリからブラックリストに登録されているプロのフォントが多数あることに注意してください。どこで作られ、合法で機能的なワークステーションライセンスサービスを手に入れても、フォントを使用したサービスの使用は許可されません（ttf / otfを計画するのは非常に困難です）。
要約：1。フォントファミリは同じままです2.スタイルと重量の変更の属性3.キットでwoffとeotsまたは（ttf / otf）のいずれかを使用します4.モバイルではなくIEのサポートを重視する場合は、eotsと（ 1）android、os4.0のotfフォールバック。反対の場合は逆*5。sans-serifを使用している場合-「sans」（タイプミス）の「s」を忘れないでください。ページはChromeでは正常にレンダリングされますが、IEでは正常にレンダリングされません。特別なグーグルフォントスタイル（例：＆effect = destroy）を使用している場合は、最初にドキュメントを読んで、誰が表示できるか、表示できないかを確認してください*7。常に、特に商用サイトでは、常に適切なライセンス文書を取得してください。フォントが信頼できるソースからのものであると想定して、妥協した立場に身を置いてはいけません。それがオープンライセンスではなく、あなたがそれのコピーを持っていない場合、あなたは責任を問われる可能性があります。
/* font sytles
-------------------------------- */
@font-face {
font-family: "Avenir";
src: url("your-bold-file") format("woff");
font-style: normal;
font-weight: bold;
}
@font-face {
font-family: "Avenir";
src: url("your-bolditalic-file") format("woff");
font-style: italic;
font-weight: bold;
}
@font-face {
font-family: "Avenir";
src: url("your-italic-file") format("woff");
font-style: italic;
font-weight: normal;
}
@font-face {
font-family: "Avenir";
src: url("your-normal-file") format("woff");
font-style: normal;
font-weight: normal;
}
body { /* universal body style attributes */
margin: 0; /* reset body margins */
font-family: "Avenir", sans-serif; /* whatever your font family is of */
font-size: 100%; /* universal font size across all browsers */
}
ところで、セレクターを呼び出してフォントを切り替えると、属性が表示されるたびに新しいフォントが引き継がれます。フォントに固執して重みを付けたい場合、つまり--p> .class {font-weight：700; /*フォントを切り替えません*/}-例としてwoffを追加しただけで、好きなものを入れることができます
そこから、あなたのテーマは、プラグインがモバイル側で実行するように設計されていないことを実行しています。基本的に、固定された制約から抜け出す方法を見つける必要があります。そうしないと、指定されたビューポート内で作業するしかありません。（たとえば、固定位置を相対位置に設定すると、モバイルはスクロール可能になりますが、スライドショーは表示されません）
テーマサポートまたはgalleria.ioに連絡してください。
</article><!-- product-details -->
<div id="galleria"><div style="width: 100%; height: 100%;" class="galleria-container notouch fullscreen"><div class="galleria-stage"><div style="position: relative; top: 0px; left: 0px; width: 100%; height: 100%;" class="galleria-images"><div style="overflow: hidden; position: absolute; top: 0px; left: 0px; transition: none 0s ease 0s ; opacity: 0; z-index: 0;" class="galleria-image"><div style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2;" class="galleria-layer"></div></div><div style="overflow: hidden; position: absolute; top: 0px; left: 0px; opacity: 1; width: 1349px; height: 638px; transition: none 0s ease 0s ; z-index: 1;" class="galleria-image"><div style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2; display: none;" class="galleria-layer"></div><img src="MG_9400_1024x1024.jpg" style="display: block; opacity: 1; min-width: 0px; min-height: 0px; max-width: none; max-height: none; width: 1349px; height: 898px; position: absolute; top: -130px; left: 0px;" height="898" width="1349"></div></div><div style="opacity: 1; display: none;" class="galleria-loader"></div><div style="opacity: 1;" class="galleria-counter"><span class="galleria-current">1</span> / <span class="galleria-total">10</span></div><div class="galleria-image-nav"><div style="opacity: 0.5; display: block;" class="galleria-image-nav-right"></div><div style="opacity: 0.5; display: block;" class="galleria-image-nav-left"></div></div></div><div style="top: 562px; opacity: 1;" class="galleria-thumbnails-container"><div class="galleria-thumb-nav-left disabled"></div><div style="overflow: hidden; position: relative;" class="galleria-thumbnails-list"><div style="overflow: hidden; position: relative; width: 180px; height: 10px; left: 0px;" class="galleria-thumbnails"><div class="galleria-image active"><span style="opacity: 1;" class="img"></span></div><div class="galleria-image"><span style="opacity: 1;" class="img"></span></div><div class="galleria-image"><span style="opacity: 1;" class="img"></span></div><div class="galleria-image"><span style="opacity: 1;" class="img"></span></div><div class="galleria-image"><span style="opacity: 1;" class="img"></span></div><div class="galleria-image"><span style="opacity: 1;" class="img"></span></div><div class="galleria-image"><span style="opacity: 1;" class="img"></span></div><div class="galleria-image"><span style="opacity: 1;" class="img"></span></div><div class="galleria-image"><span style="opacity: 1;" class="img"></span></div><div class="galleria-image"><span style="opacity: 1;" class="img"></span></div></div></div><div class="galleria-thumb-nav-right disabled"></div><div style="visibility: hidden;" class="galleria-thumbnails-tab"></div></div><div style="position: absolute; left: -10000px; display: block; opacity: 1;" class="galleria-info"><div style="width: 1309px;" class="galleria-info-text"><div style="display: none;" class="galleria-info-title"></div><div class="galleria-info-description">BOWDEN</div></div></div><div style="opacity: 0;" class="galleria-tooltip"></div></div></div><!-- galleria -->
役に立ったと思ったら、私はそのコミュニティに不慣れで、2ポストの制限のために貢献することができないので、投票してください。ありがとう