GoogleFontにもある!手書き文字風の英語フォント

こんにちは、ジーニアスウェブの和田です。
風も冷たくなり、そろそろ紅葉シーズンも近づいてきましたね。
私はスタッフ何人かと京都の嵐山へ行ってきます!皆さんは出かけますか?

今回は、手書き風文字フォントを探してる方に朗報。
雑貨店で使われてそうな、英語の手書き風フォントについてご紹介します。

続きを読む

AdobeCC TypekitのフォントをWEBフォントとして使用する方法


こんにちは、鶴川です。
皆さんWEBサイトを作る際のfont familyはどうしていますか?
標準インストールフォントの中で選ぶと選択肢が限られてくるし、Androidは特にインストールフォントが少ないのでクールなデザインなのに丸文字で表示されてしまったり、雰囲気がベースフォントによって崩れてしまうことありますよね。

そんな時、どんなデバイスからのアクセスでも共通のフォントを見せることができるのがWEBフォント。
最近AdobeCCのTypekitのフォントをWEBフォントとして使用することができると知ったのでご紹介したいと思います。

続きを読む

Font Awesome 5をCSSの疑似要素で指定するとアイコンが表示されない場合の対処方法

こんにちは。ジーニアスウェブの杉田です。

花粉との戦いも終息に向かっているので、
ようやく外出がしやすい季節になってきました。
そろそろ、ジョギングの再開をしようと思います。

さて今回は、
昨年いつの間にやらバージョンアップされていた「Font Awesome 5」で、
私がハマった罠の解決方法をご紹介させていただきます。

続きを読む

デザインで使いやすい!おすすめGoogleフォント8選


皆さんこんにちは小野です。
最近、LINEゲームのディズニー ツムツムにはまり始めたのですが一昔前のゲームってたまに開くとはまり込んでしまうことがありますよね。
ツムツムも高校の時に少ししていたのですが久しぶりにやり始めると手が止まらず・・
ゲームをしすぎて視力を落とさないように気をつけないといけないなと思っています。

さて、今回はwebフォントサービスの「Googleフォント」について実際のデザイン業務で使用しやすい・よく使用するフォントをご紹介していきたいと思います。

webフォントとは?

フォントは通常、ローカル環境(自分のPC)にあるフォントを使用する仕組みとなっており、ユーザーによって見えるフォントが変わってしまうのですが、webフォントはフォントデータをサーバーから読み込み、ページに表示させることができるのでどの端末でも同じフォントが表示されるようになります。

・デザイン性が上がる
・どの端末でも同じフォントで表示される

といったメリットがある一方で、

・たくさんのwebフォントを使用しすぎると表示速度が遅くなる
・日本語に対応しているwebフォントが少ない

といったデメリットもあります。

続きを読む

【webデザイン初心者必見!】テキストを読みやすくする6つの基本テクニック


皆さんこんにちは小野です。
先日宮崎の鵜戸神宮に行ってきたのですが初めて運玉が入って大喜びでした。
(鵜戸神宮、運玉について気になる方はこちらをご覧ください。)
宮崎は自然や神社の観光地がたくさんあるので九州に行く際はぜひ宮崎に来てください!

さて、今回はホームページをデザインする上でテキストを読みやすくするポイントを6つご紹介していきたいと思います。
デザイナーは読みやすい行間や大きさを考えてユーザーが知りたい情報を、目に入りやすくデザインしなければいけません。

基本のテクニックをまとめてみましたのでwebデザイン初心者の方はぜひ参考にしていただければと思います。
すでにデザインされている方は復習がてらに読んでみてください!

続きを読む

押さえておきたい明朝体フォントの特徴


こんにちは、ジーニアスウェブの和田です。

デザインに適したフォント、毎回選択するのですが、
書体の特徴を理解するとグッと選びやすくなるのではと思います。

そこで、今回の主役は「明朝体」です。
押さえておきたい基本から、フォントの種類の紹介をします。

続きを読む

「IcoMoon」を使用して自作アイコンをWebフォントにしてみよう!

170421_icommon_thum

こんにちは!
ジーニアスウェブのスギタです。
ようやく花粉の症状が落ち着きはじめたので
外出が楽しくなってきた今日この頃です。

さて、皆さんはサイト制作でコーディングをする際
アイコンはどのように使用されていますか?
pngなどに書き出した画像ですか?それともsvgでしょうか?

私はデザインによっては、
画像に書き出さずにWebフォントにしちゃいます。
フォントにしてしまえば、ボケずに拡大縮小をすることが可能だからです。
そこでよく使用するサイトが「IcoMoon」です。

本日はこの「IcoMoon」を使用して
自作アイコンをWebフォントにする方法をご紹介させていただきます。

続きを読む

今すぐ使えるテクニックお教えします。ーフォント編ー

%e3%83%95%e3%82%99%e3%83%ad%e3%82%af%e3%82%99%e7%94%bb%e5%83%8f
みなさんこんにちは、ジーニアスウェブ長友です。
気がつけば1月も後半戦ですね。
最近私の思うことは、「今年も去年のようにあっという間に終わってしまうのだろうか」ということをよく考えてしまいます。
一日一日を大切にしながら過ごしていきたいと思います。
また先日体調を崩してしまったので私としては、体のメンテナンスと案件で行うメンテナンス両方共完璧にしたいです。(笑)

さて前回のブログでは、フォントについてご紹介しましたが、今回はこちらのフォントをもっとよく見せれるようなテクニックについてご紹介させていだきます。
多くのテクニックがございますが、今回はその中の
・ジャンプ率
・文字組み
・フォントサイズ
について詳しくご紹介させていただきます。

続きを読む

明日誰かに話したくなるフォントの特徴!

%e3%83%96%e3%83%ad%e3%82%b0%e4%bd%bf%e7%94%a8%e7%94%bb%e5%83%8f

明けましておめでとうございます。ジーニアスウェブ長友です。

昨日ちょっと早いですが人生で最初で最期の成人式に参加してきました。

私の地域の成人式は、ちょっと特殊で、周辺の学校を卒業した新成人や地域に自衛隊の基地がある関係で自衛隊の新成人達と合同で成人式を行います。

袴や着物をまとった方が多い中、私は、スーツで参加してきました(笑)

久しぶりに会う友人たちと話す時間は本当に楽しく、そして一瞬の出来事でした。

改めまして新成人の皆さんおめでとうございます。

 

 

さて今回は、以前もご紹介したかもしれませんが改めてフォントについてそしてフォントが与える影響についてお話しさせていただきます。

そもそも皆さんフォントを大きく二つに分かれているというのは、ご存知でしょうか?

大きく二つ分ける「ゴシック体」「明朝体」というもので分かれております。

また欧文フォントというものもありこちらも通常のフォント同様二つに分かれており「サンセリフ」と「セリフ」というもので分かれております。

ではこれら二つのフォントについて詳しくお話させていただきます。
続きを読む

知ってほしい!ゴシック体・明朝体の特性

%e3%83%95%e3%82%99%e3%83%ad%e3%82%af%e3%82%99%e7%94%bb%e5%83%8f20161020
皆さんこんにちは、先週発売されたPSVR物凄く欲しかったのですが残念ながら買えなくすごく悔しい思いをしたジーニアスウェブ長友です!
発売日初日は、家電量販店や販売店でも行列ができたらしく、ここ宮崎県でも発売日初日並んだ人(40~80人くらいが並んでたとかいう噂は、あるようです)が多かったと聞いております。
ちなみにお値段は、44,980円(税別)とのことです。
技術の発展がどんどん進みやっと家庭でも手軽にVR機器ができる時代になったのですね。
もちろんPCサイトや広告も進化をやめることなく良いものがどんどん世に送り出されております。
広告やPCの画像などもいいですが・・・・・・、今回私が目をつけたのは、キャッチフレーズなどで使われているフォントをご紹介させていただきます。
といってもフォントは、フォントでも数多くの種類ございますので今回は、数多くの種類がございますので、今回は皆さんがよく使用しているゴシック体・明朝体の特性についてご紹介させていただきます。
そもそもフォントとは何か、簡単ではではありますがご説明させていただきます。

続きを読む

美しく表現力のあるタイポグラフィってなんだろう?

20160616_mv

こんにちは、戸井です。

フォントはデザインに大きく影響することがあります。
美しく読みやすいウェブサイトは理想ですが、なかなか難しいですよね?

今回は「美しく表現力のあるタイポグラフィ」のための使える8つの小技をご紹介します。

続きを読む

気になったけどフォント名が分からない!そんな時に使える無料サービス3つをご紹介

cat88_160323_top

皆様ごきげんよう、郡です。三月ももう終わり間近ですね。
ようやっと桜が咲き始めたようで、お花見を計画したり実行した方が多いのではないでしょうか?ちなみに私は花見で宴会よりは、まったりと桜を眺めているのが割と好きです。
去年はゴタゴタで見られなかったので、今年はどこか見に行けるといいなぁと思っている次第です。

続きを読む

フォントが与える印象の違いとは?

font
皆さんこんにちは、小野です。
ここ1週間とても寒いですね。同じ九州でも鹿児島や福岡のほうは雪が積もっていてびっくりしました。
もちろん宮崎には積もるほどの雪も降りませんでした。笑
一生に一度でいいので大きい雪だるまを作ったり雪合戦をしてみたいです。
皆さん体調には気をつけてくださいね。

さて、皆さんはホームページやポスターをデザインする際、どのフォントを使えばいいか迷ってしまうことはありませんか?
フォントは色と同様にホームページやポスターの印象を大きく左右する要素の一つとなります。
また、フォントの種類だけでなくその太さ細さによってそれぞれ印象は変わってくるためフォント選びは大変重要となってきます。

続きを読む

Windowsで簡単にFontの管理ができちゃいます!

1127-88bltop
どうも皆さまごきげんよう。
私事ですが先日家の近くに落雷があり、住んでいるマンションのエレベーターが故障しました。パーツが不足しているとかで復旧に難航しているようです。
階段での移動が地味に辛いなと感じております。文明の利器って大事ですね。
ちなみにこれも落雷が原因か不明ですが、我が家のテレビの端子接続部分がおかしくなっているようです。レコーダーやゲームが認識されなくなって地デジ放送しか見られなくなりました。修理か買い換えを検討してます。ぐぬぬ、出費がああ・・

さて、そんな不便になってはじめて気づく普段の生活の便利さは置いておきまして、本日はとある無料ソフトのご紹介をしようかと思います。

続きを読む

ふぉんとをみよう!

20151113_fonts_top
皆様ごきげんよう。
本日の宮崎は久しぶりに大雨でした。「バケツをひっくり返したような」という表現がぴったりですね。
どうも、雨の中出かけるのは嫌いですが、雨が降るのは割と好きな押川です。
部屋の中で雨の音聞きながらまったり過ごすのいいですよ~。
ちなみに雷は落雷とかでPCの電源が気になるので嫌いです。

続きを読む