Liquid、JavaScriptなどに関する質問
デフォルトで利用出来る文字フォント以外のものを利用したいと考えております。
Google Fontを利用する場合には、アプリを導入すれば良いことが分かりましたが、
それ以外のWebフォントを利用する際には、リキッドの編集にはどのような対処が必要でしょうか。
解決済! ベストソリューションを見る。
成功
少し古い記事ですが、以下の記事の後半にカスタムフォントの挿入方法が記載されていますが、参考になりますでしょうか?
https://www.shopify.com/partners/blog/web-fonts-to-enhance-stores
成功
少し古い記事ですが、以下の記事の後半にカスタムフォントの挿入方法が記載されていますが、参考になりますでしょうか?
https://www.shopify.com/partners/blog/web-fonts-to-enhance-stores
はじめまして
私も同じようなことで悩んでまして、他のフォント以外を使いたい場合は、テーマにwoffとwoff2という2つのファイルをテーマにインストールしなければならないです。
テーマからassetsにwoffとwoff2の2つのファイルをインストールしてください
ファイル形式はttfだと思いますが、いかんせん日本語フォントはファイルが大きいので、軽量化が必要です。
その場合はこちらのリンクを参考にしてください
https://recooord.org/japanese-web-font-weight-saving/
woffとwoff2のファイルをテーマにインストール後このコードをtheme.css.liquidに書いてください。
@font-face {
font-family: "フォントの名前";
src: url("フォントのファイル名.woff2") format("woff2"),
url("フォントのファイル名.woff") format("woff");
}
リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024Shopifyは世界で最も革新的なブランドと起業家をサポートしています。個人起業家やあらゆる規模のビジネスの成長を後押しするために、Shopify アカデミーではShopif...
By SarahF_Shopify Mar 22, 2024オンラインストア運営はとてもやりがいのある活動です。新しい注文が入った時の喜びや世界中のお客様とやりとりできる可能性、商品に対して最高のレビューをもらった時の満足感は、毎日の...
By Mina Mar 13, 2024