ブログ記事31件
もう何年もいつか無くなってしまうんじゃないかと戦々恐々としながら使わせていただいてる無料神ツールIcoMoon。自作したものなんでも、任意のSVGファイルをまとめてアイコンフォントが作れます。アップデートしたのか、使い方にちょっと迷ったのでメモ。IcoMoonがデフォルトで用意しているアイコンセットをそのまま編集して使う場合は、従来通りそのまま編集すればよいです。自作したアイコンをIcoMoon-Freeのアイコンセットと別の新しいセットとしてしたい場合、以前は同一ページ(同一プロジ
Webコンサルタントの松崎です。これまで「表示速度の改善はユーザーへの配慮で一番大事です」や「画像の軽量化のやり方」、「次世代画像形式WebPやAVIFのメリットと変換方法」、「過剰なモーションの見直し(JavaScript最適化)」など、ホームページの表示速度を改善するための具体的な方法をご紹介してきました。今回は、意外と見落とされがちな表示速度低下の原因「Webフォント」について説明します。目次Webフォントとは何か?WebフォントのメリットWebフォントの種類We
「Googleフォント」のGoogle検索で2位(1位はGoogleフォントサイト)を獲得した人気記事となっています!【GoogleFonts】Webデザインでおすすめの日本語フォント18選の記事を追加しました!https://www.sanzen-design.jp/labo/p6914
CSSでフォントファイル指定してるとこのパスを書き換えるのを忘れていて、全然映らず苦戦したのでメモ。なぜか!それをやらなくてもユーザーアイコン(<iclass="fasfa-user"></i>とか<iclass="fa-regularfa-user"></i>とか)だけ映ってすごく混乱してしまった。。なんでユーザーアイコンだけ映ったかはいまだに分かってない。①フォントファイルをダウンロードhttps://fontawesome.com/downloadDownload
必要なフォント(絵文字)を探す 「FontAwesome」は何千種類もの絵文字を提供しているので、かなりの確率で必要なイメージに沿った絵文字を見つける事ができると思います。ここではサンプルとして、「車いす」の絵文字をブログ記事内で利用する方法を書きます。「車いす」の絵文字を探す 先ず、「FontAwasome」のサイトの文字検索画面を開きます。Searchv6Icons|FontAwesomeSearchallthev6icons,including
アメブロではWEBフォントやアイコンフォントが使えないかなって思うこともありましたが、アメブロのサイト内や管理画面などではWEBフォントを使ったアイコンフォントなるものが使われています。公に公開されていないのですが、HTMLソースを調べてみると使えそう>そして再確認したのですが、禁止タグにも入ってない>ということで早速使ってみました。目次アメブロで使われてるWEBフォントを使った記事使う場所によっての違い使えたアイコンの種類使えなかったアイコンまとめ:使った場合に注意して
WEBサイトやWEBページの制作の中で今や欠かせなくなってきたアイコンフォントですが、今のような形式で使えるようになってからの歴史は浅いのです。それまではというと主にgif画像を使って代用してきたという歴史があるのです。アイコンフォントもその提供元や使い方にはいろいろ種類があって様々です。この記事ではアイコンフォントのいろいろな種類や使い方について解説していきます。アメブロでは使えないと思ってる方もいるでしょうけどいくつかのアイコンフォントは、使えるようです。この記事の中でもアメブロで
よい天気の明るい朝。もしかすると春一番が吹く…らしい。作成したフォントの頒布準備は、すこしずつ進めている。これまでとはちょっと違うフォントなので、いろいろ手間がかかる。一気にやると疲れが出たり、イライラしたりするから、のんびりと…。●私の書体が使われているWEBサイトくせのないプレーンな丸ゴシック書体を、きれいに使ってくれているな。この書体専用の掲示板→レラの子守り唄。
きのう、マスクなしで屋外を2時間散歩し、夜も窓から外気を入れながら寝たせいか、鼻がグズグズと花粉症が全開…。●私の書体が使われているウェブサイトクセの少ない素直なデザインの書体が、このサイトにピッタリ合ってる気がする。この書体専用の掲示板→レラの子守唄。
おはようございます!鈴木文具店鈴木です。今日も、サイトリニューアルのための学習&試作、34日目です。*昨日、ロゴができたので、今日はセクションのタイトルのフォントをどれにするか選んで…フォントを選ぶと、迷うので時間がかかりました;;もう、いっそのこと、トップのロゴだけでなくセクションのタイトルも自分で書きたくなってきましたが、それは、大体完成してどうしても気になったらにします。スマホだとセクションのタイトルの文字サイズが
朝の散歩。雨が止んでいたので傘を持たずに出かけたら、また降ってきた…。けっきょく、コンビニで買物だけして帰ってきた。新しい葉が出れば、それを食べる虫も出てくる…。本日から、私の書体がWEBフォントで使えます。この書体専用の掲示板→墨田の東にて。
おはようございます。鈴木文具店鈴木です。今日も、無料ホームページテンプレートを教材に、サイトリニューアルのための学習。27日目。*昨日の続きで、どうやってサイト全体の普通の文章のフォントを指定しているのか、cssとhtmlを見て調べる。…調べるといっても、書いてある部分は一行くらいしかなくて、文字数も大したことない。なんで、こう書いてあるのか、分からない。↓こんな感じ。font:14px/1.9'NotoSansJP',Arial,
おはようございます。鈴木文具店鈴木です。無料ホームページテンプレートを教材にサイトリニューアルのための学習26日目。*●昨日からの宿題セクションごとのタイトルに表示されているフォントを変える。→変えられました!http://www.suzu-bun.com/test(セクションごとの横線に囲まれたタイトルが、筆記体のPacificoから→丸っこいゴシック体のBalooPaaji2になってます)●今日の課題本文のフォントがcssで指定されている
おはようございます。鈴木文具店鈴木です。無料ホームページテンプレートを見てサイト作成学習。25日目。*《今日のお題》「セクションごとのタイトルに表示されているフォントを変えたい」cssファイルの・webフォントをgoogleのフォントのサイトからインポートしているところ・セクションのタイトルのフォントを指定しているところを変えればできるようだ。試しに違うフォントにするため、別のwebフォントのURLを探して、時間切れ。(時間を決めてやってい
どんよりと曇った空。コロナウイルスの影響で沈滞してしまった世の中を表しているようだ…。そういう雰囲気に影響されないように、気をつけなくては…。●私の書体が使用されているサイト(FontStreamのWEBフォント使用)プレーンな丸ゴシック書体レラ。この書体専用の掲示板→レラの子守り唄。梅の花の蜜を吸うメジロ。とにかく動きが素早い…。この投稿をInstagramで見るYutakaSatoh(@yutaka_satoh)がシェアした投稿-2020年3月月2日午後10時37分PS
こんにちは先週の成人の日には、わりと近くても行ったことのなかった「根岸森林公園」へお散歩へ。散歩の様子は改めて書くとして・・・はじめましてのコギさんに遭遇大福くんです年齢を全く感じさせない元気さです。ちょっと顔つきがみるくに似てるかな?トライカラーのコギさん、いいなぁ少し犬見知り?みたいだけど、しばらく飼い主さんとお話をしている間に距離が詰まった感じだったので、今度会った時には、もう少しお近づきになれるかな?次回会えるのが楽しみですさて、次の子はみるくさんのお散歩とは関係なく
午前中は、古いブログのWEBフォントの設定などして、午後は南側ベランダのメンテナンス。リクガメのチヂミくんが運動中に変な場所に入り込まないように…とか、ある事情があって塞いだ隣のベランダの仕切り板の隙間を復活させたり…。ベタの稚魚のために入手したブラインシュリンプの孵化器の扱いにマゴマゴ…。本日たくさんの餌が発生したけど、これを長く生存させる良い方法はまだ見つからない…。ベタがある程度の大きさに育つまで、数日ごとにブラインシュリンプを孵化させなければいけないのかな…。先日散歩したとき見
午後、南千住まで歩き10分で住む床屋へ。店が混んでいて、散髪が終わるまでに100分かかってしまった…。あ、学生とか春休み中か、ずいぶんと時間を無駄にしてしまったな。●私の書体が使われているWEBサイトオロナイン軟膏のサイトで、WEBフォントとして使われている。この書体専用の掲示板→墨田の東にて。
『自由の翼フォント』は、日本語JIS漢字第一水準まで!だそうですので、JIS第二水準・IBM拡張文字まで使える「みかちゃん」にくらべて、ファイルのサイズが小さく、ファイル容量制限(1MBまで)のあるFC2無料HPに”そのまま”(・・ってゆうても、TTFファイルをWebフォントに変換するんですけど、...(^_^;)ゞ汗アップロードできます。勝手に応援FC2ホームページにアップロードした『自由の翼フォント』を使うための.CSSスタイルシート・ファイルは、コレです。
数年前までは少なかった日本語のフリーフォント。近年、高品質な日本語のフリーフォントが増えただけでなく、漢字にも対応しているフォントもあるため、デザイナーにとってとても心強いですよね。商用利用が可能な日本語のフリーフォントをSoft-EXが紹介します♪■日本語のフリーフォント・ロゴたいぷゴシックロゴのデザインや見出し映えのする、丸みがあって柔らかい印象のゴシックタイプのフォントで、漢字にも対応しています。・うつくし明朝体ひらがなとカタカナがオリジナルで、縦書きをしたときの、美しい流れ
https:(暗号化WEBページ)に対応してる無料ホームページのFC2は、アップできるファイルサイズが1MBまでに限定されてますので、「♪みかちゃんフォント§」のアップロを半ば"あきらめ"てたんですけど、...。先日の記事のとおり!!無料FC2で表示させることができました!(^O^)/わぁ~ぃ!!以下↓は、アメブロでみかちゃん!するための「勝手に.CSS」クラス名の一覧です。【みかちゃんフォント用(勝手に)クラス名】一覧表クラス名意味HTML使用例使用例の表示
みかちゃんフォントをFC2無料Web-httpsで使ってみるテストFC2版(.eot/.woff2/.woff対応https版)♪みかちゃんフォント等幅書体18px§♪みかちゃんフォント等幅書体36px§♪みかちゃんフォント字詰め書体(プロポーショナル)18px§♪みかちゃんフォント字詰め書体(プロポーショナル)36px§♪みかちゃんフォント字詰め太字書体(プロポーショナル・ボールド)18px§♪みかちゃんフォント字詰め太字書体(プロポーショナル・ボール
近年は、Webフォントを使って制作したホームページが増えてきています。同じ日本語であっても、フォントによって印象は全く異なったものになります。今回はSoft-EXが、Webフォントのメリットについて、簡単に紹介していきます。そもそも日本語のWebフォントを使うことによって、どの様なメリットを得ることができるのでしょうか。普段私たちが目にしている通常フォントとは、excelやワードでデフォルトに設定してある様な「予めパソコンにインストールされているフォント」を指します。しかし、この通常フ
この情報は、Macお宝鑑定団blogさんのブログで知りました。Googleが、Webフォント「GoogleFonts」で日本語を正式にサポートしたと発表しています。完全無料でWebフォントを使用でき、商用利用でも無料で利用することが可能です。GoogleFonts+日本語早期アクセスで提供されていたフォントのうちM+1p、M+Rounded1c、さわらび明朝、さわらびゴシックに加え、新しくGoogleのNotoSansJP、NotoSerifJP、
朝食後、コンビニへ雑誌を買いに行くついでに散歩。アスファルトからの日光の反射がキツイ…。午前中、メルマガシステムを使って「えれがんと」かなフォントの購入者に「えれがんと平成明朝」フォントの案内メールを発送。提携しているWEBフォントシステム(フォントストリーム)にもフォントファイルを提供。たぶん今月中に使えるようになるだろう…。歩道の脇の側壁、30センチくらいの高さにあったセミの抜け殻。周辺に土の地面はない。どこから出てきたんだろう。右の街路樹のほうから歩いてきたのかな…。せっかく
アイコンに利用できるWebフォントブログの投稿本文の中にリンク(文字のリンク)を置くと、ブログスキンのCSSの設定、或いはブラウザのデフォルトCSSが反映して、リンクらしい着色(紅色やブルー等)の文字になったり、アンダーラインが付く場合が多いですね。しかし、もっと明確にリンクである事を示したい時には、色々と工夫が必要です。●「a」(アンカー要素)に枠線や文字背景色などを付けてボタンに見せる本文のHTMLにインラインで「style=""」などと毎回書き込むのは、ちょっと手間です。本
「GoogleFonts」にて、無料で使える日本語Webフォントが公開されています。https://googlefonts.github.io/japanese/GoogleFonts+JapaneseEarlyAccessGoogleFonts+日本語早期アクセスこれは、アメブロの記事中でも使うことができるでしょう。以下は、その「使用例」と「解説」?!です。。。汗目次:能書きM+1pRoundedM+1cはんなり明朝こころ明朝さわらび明朝さわ
GoogleのWebフォントには、スタイルシート(css)が用意されているので、それを@importすれば、使えるようになるみたい?!、です。https://googlefonts.github.io/japanese/例:<style>@importurl(https://fonts.googleapis.com/earlyaccess/kokoro.css);/****kokoro.cssの内容:*Kokoro(Japanese)https://fonts.