AAまとめブログがスマートフォンで見れるようになるkeageさんのSaitamaarフォント設定のまとめとおまけと追記
- warsmahrlq
- 10664
- 10
- 0
- 0
@keage 突然のリプライ失礼いたします。 自分はやるが人生でいいじゃないというまとめサイトを運営しているものです。 今、自分のサイトをスマホでもAAが崩れずに表示させようと、色々調べているのですが、どうも思うようにいきません。
2016-05-11 12:51:03@keage もし方法等ご存知でしたら、教えてもらいたくリプライを送らせていただきました、失礼ではございますが、よろしくお願いいたします
2016-05-11 12:52:18やる夫まとめブログ「やる夫が人生でいいじゃない」の ぶっぱ管理人@やる夫が人生でいいじゃない@yaruoss さんがスマートフォンでの閲覧用のサイト改造方法を「AA・やる夫文庫」管理人 kæge@keage さんに質問した所から始まりました
@yaruoss ひとまず第一段階としまして、AA 表示部の HTML タグに直接指定した CSS <div style="font-family:'MS Pゴシック','MSPゴシック','MSPゴシック','MS Pゴシック’;(以下略 を、次のように書き換えてみて下さい
2016-05-11 21:58:53@yaruoss <div style="font-family:'MS Pゴシック','MSPゴシック','MSPゴシック','MS Pゴシック’,Saitamaar;(以下略
2016-05-11 22:00:00@yaruoss 要するに、'MS Pゴシック’ の後ろに ,Saitamaar をくっつけてみてください、ということです。 これでスマートフォンでサイトを表示した際に、AA が AA 用のウェブフォントで表示されるようになると思います。
2016-05-11 22:02:55@keage 返信ありがとうございます!Saitamaarですね、ウェブフォントというものがよくわからなくて… IPAモナーフォントだと変わらず、他も同じかなあと思っておりました まず試してみます!
2016-05-11 22:05:52@yaruoss あとはスマホ用レイアウトでの画面横幅の調整などの作業が必要になるかもしれませんが(あるいは必要ないかもしれませんが)、まずはここまでのところを試してみてくださいませ。
2016-05-11 22:04:28@yaruoss こちらでも確認しました。おおむねうまくいっているようですが、1 箇所 ’MS Pゴシック',Saitamaar となるべきところが 'MS Pゴシック,Saitamaar' となっていて (クオートの位置に注目) ウェブフォントが適用されてない箇所がありました。
2016-05-11 22:32:06@keage クオーテーションいらないのですね、勝手に前に倣ってつける物かと思っておりました、今修正しました
2016-05-11 22:37:40@yaruoss @keage (゚д゚) いるよ! クォーテーションいるよ!! ’MS Pゴシック', Saitamaar と、MS Pゴシックをクォーテーションで囲まないとダメだよっ!!
2016-05-11 22:39:28@_16in @keage うおおん…?でもクオーテーションで囲んだ場合も囲まないのもうまくいっちゃった?
2016-05-11 22:41:55@yaruoss @keage ω・) 「上手くいっている(ように見えている)」だけだと思うですにゃ。その辺は前後のソースコードが分からないとなんともですが、基本的にはクォーテーションで正しく囲わないと上手く動かないかしら。
2016-05-11 22:43:07@_16in @yaruoss きまぐれさんのおっしゃるとおり、「いらない」ではなくて「いる (でも場所が違ったよ)」ということです。きまぐれさん補足ありがとうございます m(_ _ )m
2016-05-11 22:41:32@yaruoss @keage プログラム中の日本語というか全角文字は基本的に'で囲わないといけない、と思っておくといいかしら!_(:3」∠)_
2016-05-11 22:44:47@_16in @keage なにはともあれ、フォントに関してはひとまず方策がわかったことで大きく進むことができました、お二方ご教授いただき本当にありがとうございます!
2016-05-11 23:03:32@keage ただ自分の場合、記事本文をdiv styleで挟むようなめんどくさいことにしておりまして、これから記事全部のタグにsaitamaarを追加していくことに… なにはともあれ、本当にありがとうございます!
2016-05-11 22:33:36@keage 多分それも課題の一つになると思いますが、まずフォントの問題がもう自分には訳がわからなくなってしまって、CSSをどういじれば…という感じでした。 ちょっとやってみます
2016-05-11 22:08:06おまけ……"と'は同じ意味かどうか