編集部が選ぶ「みんなに見てほしい」イチオシまとめはこちら

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

自分のAA関係のサイトをスマートフォンで見れるようにしたい管理人向けにまとめました。 設定されてないサイトを読者側が対応するのはコッチ スマホのブラウザで AA みるやつ(ブックマークレット)の登録のしかたとつかいかた。 https://togetter.com/li/954323 続きを読む
Saitamaar アスキーアート サイト制作 プログラミング やる夫 AA CSS
4634view 0コメント
6
ぶっぱ管理人@やる夫が人生でいいじゃない @yaruoss
@keage 突然のリプライ失礼いたします。 自分はやるが人生でいいじゃないというまとめサイトを運営しているものです。 今、自分のサイトをスマホでもAAが崩れずに表示させようと、色々調べているのですが、どうも思うようにいきません。
ぶっぱ管理人@やる夫が人生でいいじゃない @yaruoss
@keage もし方法等ご存知でしたら、教えてもらいたくリプライを送らせていただきました、失礼ではございますが、よろしくお願いいたします

やる夫まとめブログ「やる夫が人生でいいじゃない」の ぶっぱ管理人@やる夫が人生でいいじゃない@yaruoss さんがスマートフォンでの閲覧用のサイト改造方法を「AA・やる夫文庫」管理人 kæge@keage さんに質問した所から始まりました

keage @keage
@yaruoss こんばんは。さきほどサイトを拝見しました。
keage @keage
@yaruoss ひとまず第一段階としまして、AA 表示部の HTML タグに直接指定した CSS <div style="font-family:'MS Pゴシック','MSPゴシック','MSPゴシック','MS Pゴシック’;(以下略 を、次のように書き換えてみて下さい
keage @keage
@yaruoss <div style="font-family:'MS Pゴシック','MSPゴシック','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 うちのフォントの設定をダブルだったから焦ったけど、どっちでも良いみたいね
残りを読む(16)
ログインして広告を非表示にする
ログインして広告を非表示にする