2017.01.30WEBデザインWindows手書き風フォントで「ふい字」というものがあります。「ふい字置き場」http://hp.vector.co.jp/authors/VA039499/ふい字置き場。フリーの手書きかなフォント「ふい字」のサイト。2バイトで打ててシフトJIS第二水準漢字まで使えます。可愛くも綺麗でもないですが、しいて言えば普通っぽさが特徴。作者様が『個人/商用/オンライン/オフラインかかわらず、好きに使ってやってください。』とおっしゃって下さっています、大変有り難いフォントです。第二水準の漢字まで使えるフリーの手書き風フォントって非常に少ないので、本当に感謝です。(手書き風で?)これをWindowsにインストールするのは簡単なので割愛。最近のWindowsなら解凍して出てきたttfファイルを右クリック→インストールでOKだと思う。これを、WEBフォントとして使いたい!!という事で試してみたのですが、ちょっと四苦八苦してしまいました・・・スポンサーリンクまず結論から。フォント名を指定してやればOKですね。(3)スタイルシートには、このように書くだけでフォントを読み込ませられます。}フォント名は自分の好きな名前で、なんでも良い。URLはフォントファイルをUPLOADしたサーバー・ファイルのURLですね。(2)ファイルをサーバーにアップロードします※実はここで少しハマってしまったのですが・・・・いざファイルをアップロードしようという段でサーバーがなくて少し困ってしまいました。※サーバーが既に準備できている人は飛ばして次へどうぞブログにアップできないかと思ったら、FC2ブログは画像以外のファイルのアップロードは受け付けてくれないのです・・・。仮にOKだったとしても最大サイズが2MBまで(※ふい字フォントは第二水準まで入れると3MB以上)。FC2のレンタルホームページはどうか?と試してみたら、こちらはファイルタイプはOKですが、アップロードファイルのサイズ制限が1MBまで・・・orzしかも、昔はFTPソフトを使えば可能だったらしいのですが、今はダメになったようで、情報が混在していて分かりにくい・・・。Googleドライブのホスティング機能は、2016年8月に廃止となっていた・・・orz試しに仕事用に借りているサーバーに置いてみたけど、読み込めない。(外部サイトからの直接の呼び出しに応じない仕様なのか、あるいはファイルの直接読み込みに対応していないのかも?どちらにしてもここに置いて運用する気はないので、詳しく確認していないですが。)で、最終的に、クラウドサービスの「DropBox」を使って、やっとうまくいきました。実は、DropBoxに置いたファイルを外部に静的アドレスで公開する方法でまた少し手こずったのですがDropBoxにUPLOADしたファイルの共有用リンクを取得しても、そのリンクからはファイルのダウンロードになってしまって、ファイルが直接読み込まれません。それを読み込ませるようにするには、https://www.dropbox.com/s/xxxxxxxxxxxxxxxx/example.woff?dl=1と言う風になっているURLを下記のように変更するhttps://dl.dropboxusercontent.com/s/xxxxxxxxxxxxxxxx/example.woff☆DropBoxはお友達を紹介すると保存容量が増えるので、これから登録する方はこちらのリンク→https://db.tt/jmASDmfn3Uから行って下さい、紹介されて登録した人も500MBの追加の保存容量がもらえるようです。(初期2GB→2.5GBに。上限は無料利用の場合は16GBまで。コンテンツをレンダリングする共有リンクの使用が無効になります。』とアナウンスをしているようです。するだけでOKだったのが、無効になったということのようです。いまのところ上記のアドレス書き換えの方法ではまだ使えていますが、そのうち制限がかけられて使えなくなる可能性もありますね。それまでに、別のファイル置き場を考えておかないといけないなぁ・・・(1)フォントサーバーに置くファイルを用意します何を用意するかというと、「woff」「eot」「woff2」「ttf」の4種類のファイルを用意します。(※上記手順(3)の、スタイルシートに記述する"タイプ"にはこれを指定します。)「woff」が一般的なWEBフォントの形式だそうです。「eot」はマイクロソフトIE用の仕様、「woff2」というのは次世代規格らしいのでなくてもok。※Androidでもモダンブラウザならwoffだけで表示できるようです。「ttf」は、ダウンロードしてきたフォントファイルに入っていますね。これを変換するソフトを使います。WOFFコンバータこれを使うとttfファイルをwoffとeotに変換してくれます。有り難いソフトですね、感謝。☆こちらには、フォントファイルのフルセットではデータ量が多すぎるという時に必要な漢字だけに絞り込む「サブセットフォントメーカー」や、自分で書いた手書き文字をスキャナで読み込んでフォントデータ化できる「手書きでフォント」(有料)など、素晴らしいソフトがありますね。」は割り算の「余り」を出力する。いう式が真(true)であれば偶数、偽(false)であれば奇数であるという事が判別できる。(改行問題)フレックスボックスは、中に数が定まっていない複数のアイテムが詰め込まれるような状況が得意ということですかね。#...WEBデザイン【覚書】カーソルをページを開いた時に任意のフォームに持って行く【JavaScript】フォームを使ってHPに検索窓を設置したりできますが、こんな感じで書くと...こうなる。ページを開いた瞬間に、カーソルが検索窓のところに来てくれると、即座に入力に入れて便利。プロパティオプションは前に紹介したのよりもっとたくさんあるらしい。違うのかがいまいち分かりにくいので、全部実際に試してみる。日本語フォント使用版の使い方GoogleのWEBフォントで、試用版?(早期アクセス)の日本語フォントを利用することができます。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。ニックネームで申し訳ないです。ニックネームで申し訳ないです。白髪を染めるだけで、5歳から10歳は若く見られます。