llama font - say it in llama [ad#ad-2] 使い方は簡単です。 「Type Here」に好みの英字を入力するだけです。 下の「SAVE IT」ボタンをクリックすると、URLを発行してくれます。 「coliss」と入力したら、こんな風になりました。
通常、フォントはユーザー側の環境に影響されますが、Google Web Fonts APIを使うとGoogleのサーバー上にあるフォントを使うので、ユーザー側の環境を気にせず自由に使用できます。 以前からあるサービスですが、久々に見たらフォント数がかなり増えていたので紹介してみます。 ちなみに現在105個の英語フォントが提供されています。 ここでフォントを選んで、次の画面でコードを取得します。 今回の場合以下のようになります。 まず使用するフォントを読み込んで <link href='http://fonts.googleapis.com/css?family=Terminal+Dosis+Light' rel='stylesheet' type='text/css'> フォントを使用する場所をCSSで指定します。 h1 { font-family: 'Terminal Dosis Lig
(ホー先生)Macの画面で「●▲■」の「●」と「■」だけが小さく見えることがあるのはなぜじゃ*1。 「●」と「■」が欧文フォントで表示されているからだよ。たとえばMacのFinderでは、ファイル名は「Lucida Grande優先」で表示される。Lucida Grandeは「●(U+25CF)」や「■(U+25A0)」のグリフを持っているけれど、「▲(U+25B2)」のグリフを持っていない。だから「▲」はヒラギノで表示されて、「●」と「■」だけが小さく見えるんだ。同じ理由で起きる現象としては、三点リーダの位置が下にズレたりすることも、よくあるよね。 Finder以外でもよくあるんじゃが。 Appleのソフトは世界共通の仕様なので、デフォルトは欧文フォントだよ(下図)。 日本語フォントを指定すれば、この問題は避けられるのか。 うん。Finderでは基本的にフォントの変更はできないけどね。そ
オリジナルのポスターやTシャツ作り、自分の作品のロゴデザインやイベントのフライヤーなどなど、フォントを選ばなければならない場面は多々ありますが、そんな時に役立つかもしれないオシャレで個性的な無料フォントを60種類集めました。ここ数ヶ月の間に作成された新しいフォントばかりとなっています。 無料フォント60選は以下から。Fresh Portion of 60 Expressive New Free Fonts | Template Monster Blog 01:Akashi 02:Alt Matey Typeface 03:Alt Retro 04:Alter 05:Amputa Bangiz Standard TTF 06:Banda 07:Bigmouth Font 08:Black Bonsai 09:Blob 10:Block Face 11:Blox 12:Bobsmade Fon
※2016年2月11日、追加と修正。 M+(URL)収録されている漢字の数は少ないがボールド書体付き。 MigMix(URL)M+とIPAゴシックを合成したフォント。太字(ボールド体)付き。 Koruri(URL)M+とOpen Sansを合成したフォント。太字(ボールド体)付き。 Kazesawa(URL)M+とSource Sans Proを合成したフォント。太字(ボールド体)付き。 UmePlus(URL)M+と梅フォントを合成したフォント MMCedar(URL)M+とモトヤLシーダを合成したフォント Meguri(URL)M+とIPAゴシックを合成したフォント モトヤLマルベリ3等幅 モトヤLシーダ3等幅(URL)モトヤがAndroidに提供した等幅フォント IPAフォント(URL)IPAが無料配布しているフォント Noto Sans CJK JP(URL)GoogleがAdob
DTPの勉強会でしゃべったことをブログに書いておくシリーズ第1弾(ただし、第2弾以降があるかどうか不明)。モリサワの改定常用漢字表対応学参フォントのしんにょうのデザインがおかしなことになっている件。 下図は、モリサワの学参ではない明朝体と教科書体(いちばん下の行は比較用。改定常用漢字表の例示フォントであるIPAex明朝)。明朝体には一点しんにょう(グレー地)と二点しんにょう(白地)があり、教科書体はすべて一点で二度揺らす形(黄色地)。 モリサワの学参フォントは、常用漢字の範囲内に限って、手書きに近いデザインを採用している。下図、学参リュウミンProの「道」のしんにょうは、教科書体のそれに近い形となっている。このデザインが気に入らないという人も多いかと思うが、これは学参フォント一般の特徴であって、今回指摘したい問題ではない。 下図は、モリサワの改定常用漢字表対応学参フォント。常改教科書の「遡
► 2022 ( 1 ) ► 11月 ( 1 ) ► 2021 ( 5 ) ► 9月 ( 1 ) ► 8月 ( 1 ) ► 1月 ( 3 ) ► 2020 ( 12 ) ► 10月 ( 1 ) ► 6月 ( 5 ) ► 5月 ( 1 ) ► 4月 ( 2 ) ► 3月 ( 2 ) ► 1月 ( 1 ) ► 2019 ( 6 ) ► 9月 ( 1 ) ► 7月 ( 1 ) ► 6月 ( 1 ) ► 3月 ( 2 ) ► 2月 ( 1 ) ► 2018 ( 6 ) ► 12月 ( 1 ) ► 11月 ( 1 ) ► 5月 ( 1 ) ► 3月 ( 1 ) ► 2月 ( 1 ) ► 1月 ( 1 ) ► 2017 ( 6 ) ► 12月 ( 1 ) ► 11月 ( 1 ) ► 8月 ( 1 ) ► 7月 ( 1 ) ► 5月 ( 1 ) ► 3月 ( 1 ) ► 2016 ( 27 ) ► 12
アシスタントエディター・平林です。 本日は『最前線』の小説作品に実装されております“ウェブフォント機能”をご紹介致します。 本機能は既に実装されていたものですが、さまざまな面から検証が終わりましたので本日公開させて頂く運びとなりました。 本機能により、更に高品質なウェブにおける読書体験をお楽しみいただけましたら幸いです。 まず“ウェブフォント”という言葉が聞きなれない方も多いかと思いますので、現在毎日更新中の『サクラコ・アトミカ』で簡単に見比べて頂きたいと思います。 ■ウェブフォント機能未使用 ■ウェブフォント機能使用 なんと、これほどの違いが出るのです! “ウェブフォント”の表示の美しさがお分かりいただけたところで簡単に解説させて頂きますと、“ウェブフォント”とは 「ユーザの閲覧環境に当該フォントファイルが存在しなくとも公開者の意図した書体で文字を表示させる技術」 となります。 例えば、
こんばんは。榊です。 今日もまたライトノベルのフォントの話です。 今日の題材はMF文庫Jの『お兄ちゃんだけど愛さえあれば関係ないよねっ』です。 個人的に、この表紙はライトノベルの表紙デザインとしては完成形といって良いのではないかと思っています。 背景は白地。可愛い女の子のイラスト。ワザと冗長にしたと思われるちょっとあざといタイトル。そしてフォントははせトッポ。 まぁ、「可愛い」というのは主観的な印象ですが、制服と黒ストというポイントも押さえられていますから多くの人の同意を得られることでしょう(メガネが足りませんが……)。 ブラウンとピンクというシンプルな色の組合わせもいい感じです。 で、フォントの話ですが、このタイトルには下の図にあるようにはせトッポとタカハンドいうフォントが使われています。 この「はせトッポ」と「タカハンド」というのはモリサワの出しているフォントで、『書体の研究』でも何度
iOSのSafariでなぜか特定のfont-size(11px、10px、9px)のときだけマルチバイトの幅計算がおかしいのか、折り返し位置がずれるという件。 DEMO これをiPhoneで見るとこんな感じになる。 こんな感じ。11px、10px、9pxのときに右側に隙間が空いてるがわかると思います。これは特にpaddingとかとってるわけではなくて、このfont-sizeのときだけなぜか隙間が空くんです。8pxは大丈夫なので11px以下というわけではないみたい。さらにマルチバイトでなければ隙間はできない。謎。 ちなみにiOS4.3でも直ってなかった。Androidは大丈夫。 解決方法知ってる人がいたら教えてほしい。 追記:letter-spacing: -0.001em; で直るっぽい
こんばんは。榊です。 今日はあの地震のあった3月11日以来、最初の更新となります。 被害に遭われた皆様にはお見舞い申し上げます。 私はというと、Twitterでも書きましたが、地震の当日こそ電車が止まったため職場から自宅まで歩いて帰るはめになったものの、それ以外には目立った被害もなく、おかげさまで普通に生活しております。 自宅の本棚が倒れて自室の床一面がラノベだらけになっていましたが、その程度で済んだのは幸いでした。 そんなわけで、ブログの更新が滞っていたのは単にサボっていただけです…… で、その間なにをやっていたのかというと、録画してあるアニメを消化したり、好きなアニメを観なおしたり、積んであるラノベを消化したりと、非常に忙しい(?)日々を過ごしておりました。 そのときに、『Panty&Stocking with Garterbelt(以下、「PSG」)』のフォントの話を書くつもりですっ
サイトの見出しなどにちょっと変わったフォントを使いたい場合、アルファベットだと無料 or 数百円で購入できますが、日本語は1フォントが数万円する場合が多くなかなか気軽に購入できませんよね。 昨日、たまたまフォントを1文字¥105〜バラ売りするサービス Font Garage を見つけたので紹介します。 トップページの中央下、「アウトラインデータを探す」タブをクリックして、[アウトライン購入する文字を入力]の部分に見出しにしたい文字(15文字以内)を入力し、検索をクリックします。 [詳細を見る]ボタンをクリックします。 フォント1文字あたりの価格が表示されました。 フォントによってだいぶ値段は異なるようで、1文字¥105〜¥420位までありました。 変わり種の文字は急に必要になることがあるので、知っておいて損はないかもしれません。 Font Garage
text-indentを使った画像置き換えはスパム判定の危険あり、“@font-face”の使用をGoogleは推奨 at SMX West 2011 | 海外SEO情報ブログ この記事を読んでいて、はてブのコメントにも以下のように書いた。 では、すべての文字が空白のフォントを作って、それをウェブフォントとして適用させたらどうだろう?全部空白ならファイル容量って小さくならない? (ちなみに自分が書く前にid:s-tomoさんが先に同じようなことを書いてた。やっぱり同じようなことを考える人はいるもんだ。) でもフォントって作った事ないし(でもすごく興味はあるし)どうなんだろうー?と調べていたら、サブドメインサーバー[SE01.CSIDE.JP]<有限会社シーサイドネット>のTTEditというソフトが30日間フル機能で試用できるとのこと。ちゃんと買っても8000円だし…ということでインストール
Google Web Fontsの全書体を一気にプレビューするツールを作った。公式のFont Previewerを使ってるとサンプル文字列が突如リセットされたりとかアレだったので……。 使い方は左の入力ボックスにプレビューに使う文字列を、右のテキストボックスにフォントサイズをpx単位の数字で入力してボタンをクリック。クリック! 手抜きなのでEnter押してもダメ! すると下にズラッとプレビューされる。太字にしたりスモールキャプスにしたりとかの細かいスタイル指定はFirebugやDeveloper Toolsとかでやれば良いと思う。.previewというクラスのスタイルをいじれば反映される。contenteditable使ったスタイル編集機能とかなら付けてもいいかもしれない。 ソースを見ればわかる通りYQLで公式のFont Previewerをスクレイピングしてフォント名一覧を入手し、あとは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く