<?xml version="1.0" encoding="UTF-8"?>        <rss version="2.0"
             xmlns:atom="http://www.w3.org/2005/Atom"
             xmlns:dc="http://purl.org/dc/elements/1.1/"
             xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
             xmlns:admin="http://webns.net/mvcb/"
             xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
             xmlns:content="http://purl.org/rss/1.0/modules/content/">
        <channel>
            <title>
									英字のみをOptima Regularというフォントに変更したい - Cocoonテーマに関する質問				            </title>
            <link>https://wp-cocoon.com/community/cocoon-theme/%e8%8b%b1%e5%ad%97%e3%81%ae%e3%81%bf%e3%82%92optima-regular%e3%81%a8%e3%81%84%e3%81%86%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%9f%e3%81%84/</link>
            <description>Cocoon ディスカッション掲示板</description>
            <language>ja</language>
            <lastBuildDate>Sun, 08 Mar 2026 18:00:47 +0000</lastBuildDate>
            <generator>wpForo</generator>
            <ttl>60</ttl>
							                    <item>
                        <title>RE: 英字のみをOptima Regularというフォントに変更したい</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e8%8b%b1%e5%ad%97%e3%81%ae%e3%81%bf%e3%82%92optima-regular%e3%81%a8%e3%81%84%e3%81%86%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%9f%e3%81%84/#post-76233</link>
                        <pubDate>Fri, 29 Dec 2023 04:34:46 +0000</pubDate>
                        <description><![CDATA[本件、不要となったということで、クローズさせていただきます。
（私は変更できておりますので、特に間違いということではないかと）]]></description>
                        <content:encoded><![CDATA[<p>本件、不要となったということで、クローズさせていただきます。</p>
（私は変更できておりますので、特に間違いということではないかと）]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>ｍｋ２</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e8%8b%b1%e5%ad%97%e3%81%ae%e3%81%bf%e3%82%92optima-regular%e3%81%a8%e3%81%84%e3%81%86%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%9f%e3%81%84/#post-76233</guid>
                    </item>
				                    <item>
                        <title>RE: 英字のみをOptima Regularというフォントに変更したい</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e8%8b%b1%e5%ad%97%e3%81%ae%e3%81%bf%e3%82%92optima-regular%e3%81%a8%e3%81%84%e3%81%86%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%9f%e3%81%84/#post-76226</link>
                        <pubDate>Fri, 29 Dec 2023 01:54:03 +0000</pubDate>
                        <description><![CDATA[丁寧に返信してくださって、ありがとうございます。
本当に申し訳ないのですが、諸々の事情からフォントを変更する必要がなくなりました。もし他の方で、この方法で成功したよという方がいらっしゃれば、解決済みにしようかと思います。]]></description>
                        <content:encoded><![CDATA[<p>丁寧に返信してくださって、ありがとうございます。</p>
<p>本当に申し訳ないのですが、諸々の事情からフォントを変更する必要がなくなりました。もし他の方で、この方法で成功したよという方がいらっしゃれば、解決済みにしようかと思います。</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>takiyama hironosuke</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e8%8b%b1%e5%ad%97%e3%81%ae%e3%81%bf%e3%82%92optima-regular%e3%81%a8%e3%81%84%e3%81%86%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%9f%e3%81%84/#post-76226</guid>
                    </item>
				                    <item>
                        <title>RE: 英字のみをOptima Regularというフォントに変更したい</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e8%8b%b1%e5%ad%97%e3%81%ae%e3%81%bf%e3%82%92optima-regular%e3%81%a8%e3%81%84%e3%81%86%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%9f%e3%81%84/#post-75989</link>
                        <pubDate>Fri, 15 Dec 2023 23:27:21 +0000</pubDate>
                        <description><![CDATA[ふと思いましたが。
先程は「unicode-range」を使いましたけれど。
サブセット化しておくのも、方法かなと思いました。（必要な文字だけを抽出して（今回であれば英字）、新たなフォントファイルを作る）]]></description>
                        <content:encoded><![CDATA[<p>ふと思いましたが。</p>
<p>先程は<span>「unicode-range」を使いましたけれど。</span></p>
<p>サブセット化しておくのも、方法かなと思いました。（必要な文字だけを抽出して（今回であれば英字）、新たなフォントファイルを作る）</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>ｍｋ２</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e8%8b%b1%e5%ad%97%e3%81%ae%e3%81%bf%e3%82%92optima-regular%e3%81%a8%e3%81%84%e3%81%86%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%9f%e3%81%84/#post-75989</guid>
                    </item>
				                    <item>
                        <title>RE: 英字のみをOptima Regularというフォントに変更したい</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e8%8b%b1%e5%ad%97%e3%81%ae%e3%81%bf%e3%82%92optima-regular%e3%81%a8%e3%81%84%e3%81%86%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%9f%e3%81%84/#post-75985</link>
                        <pubDate>Fri, 15 Dec 2023 13:35:00 +0000</pubDate>
                        <description><![CDATA[先程はfont-familyを1つしか指定しませんでしたけれど。優先順位をつけて書いておくべきなんだと思います。
例えば、今回の私のケースであれば、以下みたいな感じで。
* {
    font-family: Optima-Regular, Meiryo, sans-serif;
}]]></description>
                        <content:encoded><![CDATA[<p>先程はfont-familyを1つしか指定しませんでしたけれど。<br />優先順位をつけて書いておくべきなんだと思います。</p>
<p>例えば、今回の私のケースであれば、以下みたいな感じで。</p>
<pre contenteditable="false">* {
    font-family: Optima-Regular, Meiryo, sans-serif;
}</pre>
<p> </p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>ｍｋ２</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e8%8b%b1%e5%ad%97%e3%81%ae%e3%81%bf%e3%82%92optima-regular%e3%81%a8%e3%81%84%e3%81%86%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%9f%e3%81%84/#post-75985</guid>
                    </item>
				                    <item>
                        <title>RE: 英字のみをOptima Regularというフォントに変更したい</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e8%8b%b1%e5%ad%97%e3%81%ae%e3%81%bf%e3%82%92optima-regular%e3%81%a8%e3%81%84%e3%81%86%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%9f%e3%81%84/#post-75980</link>
                        <pubDate>Fri, 15 Dec 2023 11:42:25 +0000</pubDate>
                        <description><![CDATA[人に懇切丁寧に教えられるほどは知識はありませんし、今回初めてやってみました。そのため、こんな感じでやってみましたということだけ書かせていただきます。
また、既にカスタマイズでフォントを適用済のようですが、そこまで私は試していません。Cocoon標準のフォントが適用されている状態で、英字に「Optima Regular」を適用してみたという感じです。
Cocoon設定で以下の...]]></description>
                        <content:encoded><![CDATA[<p>人に懇切丁寧に教えられるほどは知識はありませんし、今回初めてやってみました。<br />そのため、こんな感じでやってみましたということだけ書かせていただきます。</p>
<p>また、既にカスタマイズでフォントを適用済のようですが、そこまで私は試していません。<br />Cocoon標準のフォントが適用されている状態で、英字に「<span>Optima Regular</span>」を適用してみたという感じです。</p>
<p>Cocoon設定で以下のようにしています。</p>
<div id="wpfa-37186" class="wpforo-attached-file"><a class="wpforo-default-attachment" title="ee9930acc14ff17abd625e72ceeab0aa.JPG" href="//wp-cocoon.com/wp-content/uploads/wpforo/default_attachments/1702640545-ee9930acc14ff17abd625e72ceeab0aa.jpg" target="_blank" rel="noopener"><i class="fas fa-paperclip"></i> ee9930acc14ff17abd625e72ceeab0aa.JPG</a></div>
<div> </div>
<div>例えばサイドバーの「最近の投稿」の表示で、英字日本語が混ざっているものは以下のような表示です。</div>
<div id="wpfa-37187" class="wpforo-attached-file"><a class="wpforo-default-attachment" title="c3effee6fd4927c0f13ed81a68c2dcf2.JPG" href="//wp-cocoon.com/wp-content/uploads/wpforo/default_attachments/1702640602-c3effee6fd4927c0f13ed81a68c2dcf2.jpg" target="_blank" rel="noopener"><i class="fas fa-paperclip"></i> c3effee6fd4927c0f13ed81a68c2dcf2.JPG</a></div>
<div> </div>
<div>実際には「メイリオ」が適用されているみたいです。</div>
<div id="wpfa-37188" class="wpforo-attached-file"><a class="wpforo-default-attachment" title="8c406731c276bbbe2649c7eb20eb336e.JPG" href="//wp-cocoon.com/wp-content/uploads/wpforo/default_attachments/1702640621-8c406731c276bbbe2649c7eb20eb336e.jpg" target="_blank" rel="noopener"><i class="fas fa-paperclip"></i> 8c406731c276bbbe2649c7eb20eb336e.JPG</a></div>
<p> </p>
<hr />
<p>私の環境には、「Optima Regular」というフォントはありませんでした。</p>
<p>そのため、事前準備として・・・。</p>
<ul>
<li>このフォントを検索して見つけてダウンロード</li>
<li>woff2に変換（ダウンロードしたものが、TrueTypeフォントだったので）</li>
<li>子テーマ配下「fonts」フォルダを作り、アップロード</li>
</ul>
<p>上記のようなことをしました。</p>
<p>そして、調べてみたところ「unicode-range」というもので、文字範囲が指定できる感じでした。</p>
<p>unicode-range<br />https://developer.mozilla.org/ja/docs/Web/CSS/@font-face/unicode-range</p>
<p>そこで、子テーマのスタイルシートに、フォントを以下のように定義しました。</p>
<pre contenteditable="false">@font-face {
  font-family: Optima-Regular;
  font-style: normal;
  src: url('./fonts/Optima-Regular/Optima-Regular.woff2')  format('woff2');
  unicode-range: U+0021-007F;
}</pre>
<p>英字だけでなく、一部記号も範囲内になっていると思いますが、お試しということでとりあえず上記の指定にしてあります。<br />（詳しくは「Unicode」の範囲を調べていただければと）</p>
<p>そして、とりあえずサイト全体に「Optima Regular」を適用するために、以下を追加しました。</p>
<pre contenteditable="false">* {
  font-family: Optima-Regular;
}</pre>
<p> </p>
<p>上記のような指定をしてみたところ、先程の「最近の投稿」の表示は以下のようになりました。</p>
<div id="wpfa-37189" class="wpforo-attached-file"><a class="wpforo-default-attachment" title="4cc1d0f95726ba631aed2365a3b325f6.JPG" href="//wp-cocoon.com/wp-content/uploads/wpforo/default_attachments/1702640945-4cc1d0f95726ba631aed2365a3b325f6.jpg" target="_blank" rel="noopener"><i class="fas fa-paperclip"></i> 4cc1d0f95726ba631aed2365a3b325f6.JPG</a></div>
<div id="wpfa-37190" class="wpforo-attached-file"><a class="wpforo-default-attachment" title="de7aa8828de2999fc4a1064646339b19.JPG" href="//wp-cocoon.com/wp-content/uploads/wpforo/default_attachments/1702640995-de7aa8828de2999fc4a1064646339b19.jpg" target="_blank" rel="noopener"><i class="fas fa-paperclip"></i> de7aa8828de2999fc4a1064646339b19.JPG</a></div>
<div> </div>
<div>10文字は「Optima Regular」が適用されたようなので、上手くいったのかな・・・という感じはします。</div>
<div> </div>
<div>あくまでも、やってみましたというものでしかありません。<br />ご参考程度のものです。</div>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>ｍｋ２</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e8%8b%b1%e5%ad%97%e3%81%ae%e3%81%bf%e3%82%92optima-regular%e3%81%a8%e3%81%84%e3%81%86%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%9f%e3%81%84/#post-75980</guid>
                    </item>
				                    <item>
                        <title>英字のみをOptima Regularというフォントに変更したい</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e8%8b%b1%e5%ad%97%e3%81%ae%e3%81%bf%e3%82%92optima-regular%e3%81%a8%e3%81%84%e3%81%86%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%9f%e3%81%84/#post-75976</link>
                        <pubDate>Fri, 15 Dec 2023 06:56:29 +0000</pubDate>
                        <description><![CDATA[コクーンの既定のフォントは使わずに、以下のサイトを参考に筑紫A オールド明朝」という日本語フォントを入れました。
ちなみに、スクリプト部分には&lt;script&gt;　(function(d) {　　var config = {　　　kitId: &#039;oek4tjv&#039;,　　　scriptTimeout: 3000,　　　async: true　　},　　h=d.docume...]]></description>
                        <content:encoded><![CDATA[<p><br />コクーンの既定のフォントは使わずに、以下のサイトを参考に、<br />https://www.grayblack.net/entry/cocoon-adobe-fonts<br />アドビフォントで「FOT- 筑紫A オールド明朝」という日本語フォントを入れました。</p>
<p><br />ちなみに、スクリプト部分には<br />&lt;script&gt;<br />　(function(d) {<br />　　var config = {<br />　　　kitId: 'oek4tjv',<br />　　　scriptTimeout: 3000,<br />　　　async: true<br />　　},<br />　　h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script"),a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&amp;&amp;a!="complete"&amp;&amp;a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)<br />　})(document);<br />&lt;/script&gt;<br />というコードを入れました。<br /><br />追加CSSには、<br />body #container {<br />font-family: "fot-tsukuaoldmin-pr6n", sans-serif;<br />font-weight: 300;<br />font-style: normal;<br />}<br />というコードを入れました。<br /><br />日本語のフォントはそのままに、英字部分だけをOptima Regularというフォントに変更する方法はありますでしょうか。<br />また、厚かましいお願いですが、プログラミングの勉強をしたことがない初心者なので、分かりやすく説明していただけると嬉しいです。<br /><br />以下、環境情報です。<br />サイト名：心のふるさと<br />サイトURL：https://spiritual-homes.net<br />ホームURL：https://spiritual-homes.net<br />コンテンツURL：/wp-content<br />インクルードURL：/wp-includes/<br />テンプレートURL：/wp-content/themes/cocoon-master<br />スタイルシートURL：/wp-content/themes/cocoon-master<br />親テーマスタイル：/wp-content/themes/cocoon-master/style.css<br />WordPressバージョン：6.4.2<br />PHPバージョン：7.4.33<br />ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:120.0) Gecko/20100101 Firefox/120.0<br />サーバーソフト：Apache<br />サーバープロトコル：HTTP/1.1<br />言語：ja,en-US;q=0.7,en;q=0.3</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>takiyama hironosuke</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e8%8b%b1%e5%ad%97%e3%81%ae%e3%81%bf%e3%82%92optima-regular%e3%81%a8%e3%81%84%e3%81%86%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%9f%e3%81%84/#post-75976</guid>
                    </item>
							        </channel>
        </rss>
		