AAまとめブログがスマートフォンで見れるようになるkeageさんのSaitamaarフォント設定のまとめとおまけと追記

ぶっぱ管理人＠やる夫が人生でいいじゃない @yaruoss

@keage　突然のリプライ失礼いたします。 自分はやるが人生でいいじゃないというまとめサイトを運営しているものです。 今、自分のサイトをスマホでもAAが崩れずに表示させようと、色々調べているのですが、どうも思うようにいきません。

ぶっぱ管理人＠やる夫が人生でいいじゃない @yaruoss

@keage　もし方法等ご存知でしたら、教えてもらいたくリプライを送らせていただきました、失礼ではございますが、よろしくお願いいたします

keage @keage

@yaruoss こんばんは。さきほどサイトを拝見しました。

keage @keage

@yaruoss ひとまず第一段階としまして、AA 表示部の HTML タグに直接指定した CSS <div style="font-family:'ＭＳ Ｐゴシック','ＭＳＰゴシック','MSPゴシック','MS Pゴシック’;(以下略 を、次のように書き換えてみて下さい

keage @keage

@yaruoss <div style="font-family:'ＭＳ Ｐゴシック','ＭＳＰゴシック','MSPゴシック','MS Pゴシック’,Saitamaar;(以下略

keage @keage

@yaruoss 要するに、'MS Pゴシック’ の後ろに ,Saitamaar をくっつけてみてください、ということです。 これでスマートフォンでサイトを表示した際に、AA が AA 用のウェブフォントで表示されるようになると思います。

ぶっぱ管理人＠やる夫が人生でいいじゃない @yaruoss

@keage 返信ありがとうございます！Saitamaarですね、ウェブフォントというものがよくわからなくて… IPAモナーフォントだと変わらず、他も同じかなあと思っておりました まず試してみます！

keage @keage

@yaruoss あとはスマホ用レイアウトでの画面横幅の調整などの作業が必要になるかもしれませんが(あるいは必要ないかもしれませんが)、まずはここまでのところを試してみてくださいませ。

ぶっぱ管理人＠やる夫が人生でいいじゃない @yaruoss

@keage ふおおおお、上手くいった感じですかね やる夫の目がちゃんとおっきくなりました！

keage @keage

@yaruoss こちらでも確認しました。おおむねうまくいっているようですが、1 箇所 ’MS Pゴシック',Saitamaar となるべきところが 'MS Pゴシック,Saitamaar' となっていて (クオートの位置に注目) ウェブフォントが適用されてない箇所がありました。

ぶっぱ管理人＠やる夫が人生でいいじゃない @yaruoss

@keage クオーテーションいらないのですね、勝手に前に倣ってつける物かと思っておりました、今修正しました

きま @_16in

@yaruoss @keage (ﾟдﾟ) いるよ！ クォーテーションいるよ！！ ’MS Pゴシック', Saitamaar と、MS Pゴシックをクォーテーションで囲まないとダメだよっ！！

ぶっぱ管理人＠やる夫が人生でいいじゃない @yaruoss

@_16in @keage うおおん…？でもクオーテーションで囲んだ場合も囲まないのもうまくいっちゃった？

きま @_16in

@yaruoss @keage ω・) 「上手くいっている(ように見えている)」だけだと思うですにゃ。その辺は前後のソースコードが分からないとなんともですが、基本的にはクォーテーションで正しく囲わないと上手く動かないかしら。

ぶっぱ管理人＠やる夫が人生でいいじゃない @yaruoss

@_16in @keage ありがとうございます！　すいませんご指摘していただいて

keage @keage

@_16in @yaruoss きまぐれさんのおっしゃるとおり、「いらない」ではなくて「いる (でも場所が違ったよ)」ということです。きまぐれさん補足ありがとうございます m(_ _ )m

ぶっぱ管理人＠やる夫が人生でいいじゃない @yaruoss

@keage @_16in あああ、自分の目が悪いです クオートの位置、確認です！

きま @_16in

@yaruoss @keage プログラム中の日本語というか全角文字は基本的に'で囲わないといけない、と思っておくといいかしら！_(:3｣∠)_

ぶっぱ管理人＠やる夫が人生でいいじゃない @yaruoss

@_16in @keage なにはともあれ、フォントに関してはひとまず方策がわかったことで大きく進むことができました、お二方ご教授いただき本当にありがとうございます！

ぶっぱ管理人＠やる夫が人生でいいじゃない @yaruoss

@keage ただ自分の場合、記事本文をdiv styleで挟むようなめんどくさいことにしておりまして、これから記事全部のタグにsaitamaarを追加していくことに… なにはともあれ、本当にありがとうございます！

ぶっぱ管理人＠やる夫が人生でいいじゃない @yaruoss

@keage 多分それも課題の一つになると思いますが、まずフォントの問題がもう自分には訳がわからなくなってしまって、CSSをどういじれば…という感じでした。 ちょっとやってみます

きま @_16in

…あれ、JSって"と'って同じ意味だっけ？_(:3｣∠)_

ウォーズ @warsmahrlq

@_16in うちのフォントの設定をダブルだったから焦ったけど、どっちでも良いみたいね