Q&A
質問文は編集できますので、コード部分はバッククォート3連「```」で前後を囲いコード表記にしてください。 フォントの設定状況等、また、確認状況等も併せて記入されると、より良い回答を得れると思います。
wordpressを使用し、ホームページを作成しており、phpを触り表示させたい形
に表示させることができましたが、フォントだけ指定が効かない状態となっています。
別のファイルに問題があるかと思い、余計なプラグインを消去、googleの検証を用い、指定したい部分周りのclass,idのcssを確認、そしてphpに直接、styleで入力しましたが、font-familyを変えられませんでした。
</div><div class="loop-content-frame"> <div class="loop-content autopager magazine three" style="position:relative;"> <?php query_posts('category_name=seasonal-recommendations&showposts=3'); ?> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <article class="loop-article magazine three three-l" style="position: absolute;"> <div class="thumb"> <a href="<?php the_permalink() ?>"><?php the_post_thumbnail('') ?></a> </div> <div class="details"> <h1 class="entry-title loop-title typesquare_tags"> <a href="<?php the_permalink() ?>"><?php the_title(); ?></a> </h1> <div class="loop-excerpt excerpt" style="font-family: **Noto Sans CJK JP**; font-size: 14px;" > <a href="<?php the_permalink() ?>" ><?php echo mb_substr(get_the_excerpt(), 0, 70); ?>...</a> </div> </div> </article> <?php endwhile; endif; ?> <?php wp_reset_query(); ?> </div> </div>
loop-excerpt excerptあとのNoto Sans CJK JPを反応させたいです。
font-weightを下げ、調整しようかと思いましたが、これもできませんでした。
反応しない理由として、どのようなことを考えられるでしょうか。
よろしくお願いいたします。
回答2件
0
ベストアンサー
情報がかなり足りないので推測です。
動かない可能性として
- 子の
<a>に別のfont-familyが指定されてる。 - ローカルに'Noto Sans CJK JP'がない。
- Webフォントを利用しているなら'Noto Sans CJK JP'ではなく
Noto Sans Japaneseを利用していたなど、フォント名の間違い。
もっと簡単なコード
html
1<div style="font-family: Noto Sans Japanese;">あいうえお</div>
これが動かなければ2、3番目の可能性があります。
動くならほぼ確実に1番目でしょう。
投稿2018/05/23 12:10
総合スコア229
0
その書き方だとおそらく動作しないかと思います。以下のような書き方ではいかがでしょうか？(関係箇所のみ抜粋)
PHP
1<div class="loop-excerpt excerpt" 2style="font-family: 'Noto Sans CJK JP'; font-size: 14px;"> 3<a href="<?php the_permalink() ?>" ><?php echo mb_substr(get_the_excerpt(), 0, 70); ?>...</a> 4</div>
あと、ローカルに当該フォントがインストールされているかご確認ください。
投稿2018/05/23 11:04
総合スコア73
あなたの回答
tips
プレビュー
