トップページ > 記事閲覧
【質問】コンテンツ領域の「文字の書体」を変えたい
投稿日 : 2020/09/17(Thu) 09:49
投稿者 HAIK初心者
参照先
こんちには、いつもお世話になっております。
HAIK v7.3.0 を使っています。

HAIKメニューの「ツール」の「QDesiner」から、サイトデザインをいろいろ編集できますが、「文字の書体」の指定は「サイト全体」で1箇所、1種類しか選べないように思います。

今回、ナビとメニューは明朝体にして、コンテンツ領域だけメイリオ等のゴシック系の書体にしたいのですが、実現するにはどうしたらよいのでしょうか?

または、サイト全体の書体を「メイリオ」にして、ナビとメニューを「明朝体」の指定にするのでもよいです。
方法をご存知の方、ぜひご教示くださいませ。

Re: 【質問】コンテンツ領域の「文字の書体」を変えたい
投稿日 : 2020/09/20(Sun) 11:50
投稿者 HAIK初心者
参照先
すみません、いろいろ試していたら、解決できました!
以前、文字色を変更したいと質問したときに、ご提示いただいた動画を見直して、styleの指定を追加したら、できました!

コンテンツ領域は「#main」というところだと分かりましたが、 ここに「font-family:」の指定を追加すると、右側のメニューのフォントまで変わってしまいました。
なので、メニューのフォントは改めて、#body全体で指定しているフォントを指定しなおしています。


#html{{
<style>
#main {
font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","MS ゴシック","MS Gothic","MS Pゴシック","MS PGothic",sans-serif;
}

.bar h1 {
font-family: Minion Pro,Times New Roman,serif;
}
.bar h2 {
font-family: Minion Pro,Times New Roman,serif;
}
.bar h3 {
font-family: Minion Pro,Times New Roman,serif;
}
.bar h4 {
font-family: Minion Pro,Times New Roman,serif;
}
</style>
}}

また、これだけだと、「最新のブログ」のリンク3か所のフォントが戻らなかったので、前日作ったメニューの文字色を指定していた方にも、「font-family: Minion Pro,Times New Roman,serif;」を追加しました。そしたら全部、思い通りできました!

ありがとうございました。
Re: 【質問】コンテンツ領域の「文字の書体」を変えたい
投稿日 : 2020/09/20(Sun) 09:31
投稿者 HAIK初心者
参照先
> QDesinerはHAIK以前の古いツールですよね?
> 現在のHAIKではサポート外と思います。

ええっ!そうなんですか!事前知識なく突然HAIKを使い始めることになったため、そういうことを、全く知らないんです。
どおりで、いろいろと動かないはずです。

もしかして、HAIKメニュー「設定」→「HAIK v7.3.0 設定」→「デザインの変更」→「デザインテンプレート(テーマ)の設定」に一覧表示されている、「qd_」で始まる名前のテンプレートは、どれもサポート対象外のデザインなのでしょうか?
現在正常動作しているデザインは、たまたま正常に動いているように見えるだけ?

このあと、お尋ねしようと思っていたのですが、コンテンツの中身を一切触らずにデザインだけ別の設定に変えると、直前まで正常動作していたカルーセル機能が動かず、画像が縦1列に並んで表示されてしまって、困っています。
詳しくはスレッド変えておたずねし直します。

Webフォント、CSS、言葉だけは聞いたことがありますが、使い方は「HTMLとは分けて記述する」こと以外、何も知りません。。。
調べて勉強してみます。
Re: 【質問】コンテンツ領域の「文字の書体」を変えたい
投稿日 : 2020/09/17(Thu) 18:20
投稿者 うみほし
参照先 http://umihoshi.com
QDesinerはHAIK以前の古いツールですよね?
現在のHAIKではサポート外と思います。
私は自分のサイトではXサーバーの標準機能であるWebフォントを用いて,サイトにCSSを記述して,各パーツのフォントを指定しています。
CSSの使用法がおわかりならフォントの指定はいろいろ可能です。

- WEB PATIO -