オンラインストアの開設は、お試し無料の カラーミーショップ で!

部分的に文字のフォント種類を変える

 

Jimdoの文章を書く欄には文字の大きさを部分的に変えたり、ゴシックや明朝体などフォントの種類を変えるボタンはありません。

 

しかし、「文章」の入力画面の右上端に青文字で「HTML」の文字があります。ここを開くと、HTMLをいじることができるのでHTMLが解る方なら様々なカスタマイズが可能なようです。

 

管理人も含め初心者の方は、まずは文字の大きさやフォントの種類を変えてみましょう♪  

ジンドゥー HTML フォント種類の変更

※注意

『インターネットエクスプローラ―(Internet Explorer)』など一部のウェブブラウザーで、文章を入力後「HTML」の画面を開いても、入力した文章が反映されていない不具合がありました。

当サイト掲載の一部分のみHTMLを書き換える方法がとれない為、上記のような場合は他のブラウザーで試してみて下さい。

(管理人は『グーグルクローム(Google Chrome)』でサイトを作成しています)

 

■文字のフォント種類を変える

 

例えば、

「Jimdoで簡単!ホームページの作り方」

この文章を当サイトの「スタイル」で設定している「ゴシック」文字と違うフォント種類にしてみましょう♪

 

文字の大きさを変える時と同様に、文章入力画面の1番右上端「HTML」ボタンをクリックしてHTMLの入力画面を開きます。

 

上の文章はこうなっています。

 

<p>「Jimdoで簡単!ホームページの作り方」</p>

 

この<p>と「Jimdoで・・」の間および文章の終わりに、下の赤字のようなHTMLを挿入(コピペで良いと思います)します。

 

<p><font face="MS P明朝" >「Jimdoで簡単!ホームページの作り方」 </font></p>

 

すると・・

 

「Jimdoで簡単!ホームページの作り方」

 

このようにワードなどでよく見る「明朝体」になりました!

 

フォントの種類を変えるときの注意点は、自分のサイトを見てくれている人のパソコンに、自分が使用したフォントが入っていないと別のフォント(そのブラウザの規定値)で表示されるということです。

 

なので、様々なフォント種類を駆使して楽しいサイトを作ったとしても、サイトを見てくれる人がみんな同じ画面を見ることは出来ないということです。

自分のイメージ通りのページを見てもらうには、なるべく一般的なフォントを使用するのも一つの手です。

 

■色々なフォントの使用例

解りやすいように色をつけてますが、HTMLには色の記述はありません。

 

※本来のフォント種類で表示されていない方は上記のとおりです。

申し訳ございませんが、ご了承ください。

※管理人のiPhoneでもどれも同じフォントで表示されてしまいました。

 

<span style="font-family: MS P明朝;">MS P明朝 123Aa</span>

 

<span style="font-family: MS Pゴシック;">MS Pゴシック 123Aa</span>


<p><span style="font-family: Comic Sans MS;">Comic Sans MS123Aa</span>

 

<p><span style="font-family: HG行書体;">HG行書体123Aa</span>

 

<p><span style="font-family: Lucida Console;">Lucida Console123Aa</span>

 

<p><span style="font-family: Terminal;">Terminal123Aa</span>

 

<p><span style="font-family: 富士ポップ;">富士ポップ

123Aa</span>

 

<p><span style="font-family: 恋文ペン字;">恋文ペン字 123Aa</span>

 

<p><span style="font-family: 江戸勘亭流;">江戸勘亭流 123Aa</span>

MS P明朝

123Aa

 

MS Pゴシック

123Aa

 

Comic Sans MS

123Aa

 

HG行書体

123Aa

 

Lucida Console

123Aa

 

Terminal

123Aa

 

富士ポップ

123Aa

 

恋文ペン字

123Aa

 

江戸勘亭流

123Aa


Jimdo HTML フォント種類

 

「Word」のフォント種類を参考に、上記の赤字の部分を入れ替えると様々なフォント種類に変更できます♪

青字の部分はフォントの種類を変えたい文字や文章を入れてください。

<補足>

※上記のように赤い文字のまま(で大丈夫です)コピーして文字の前と後ろにそれぞれ貼りつけてみてください。

 

※先に文字の色などを変えていると、その分HTMLも複雑になってどこに挿入していいのか分からなくなってしますので、始めに文字の大きさを変え、元の画面に戻して色を変えたりリンクを貼ったりすると良いかもしてません。

 

Jimdoならではの文字を書く裏技!?

 

上記のようにHTMLを挿入する方法よりももっと簡単な方法をご紹介します!

 

Windowsなどに入っているWord(ワード)などであらかじめ文字を書いて、大きさや色、フォントの種類を好きなように設定します。

それをJimdoの文章入力画面にコピペ(コピー→貼りつけ)しちゃいます!

 

  こんな感じ

 

ちなみに、フォントなどを戻したいときは、

ジンドゥー フォントの解除 元に戻す

 

消しゴムのマーク「フォーマットの解除」をクリック、または既に書いてしまったものはその文字をドラッグして選択してからクリックします。

 

HTMLをいじると出来る小技

★【カラーミーショップ】なら本当に安心!★
かわいいテンプレートが続々登場するから、初心者のあなたにも安心!
オンラインショップ・ショップブログ・モバイルショップなど、こんなに揃って月額875円~!
有名ショップ様にも多数ご利用をいただいているから、どんどん参考にしちゃおう!

 

 

※このサイトは完全無料で作成されています

 その方法は・・・?

↓↓↓

ホームページ作成

Jimdoの登録

このサイトは完全無料

で作成されています。

難しい知識も一切不要

 

あなたのサイトも

今すぐ出来ます!

ジンドゥー

ジンドゥーに登録しよう!

書籍紹介

Jimdo 本 無料で作るホームページ

見た目にこだわる Jimdo入門

中古価格
¥4,200から
(2019/3/25 22:40時点)

jimdo スタイル