This domain may be for sale!
先日公開した 絶対にコピペできない文章を作ったったwwww はおかげさまで好評だったようで嬉しい限りです。 「不思議!」「どういう仕組みなんだ?」という声も多かったので裏側を紹介します。 コピペできない訳ではない タイトルは「コピペできない」としていますが、実際にはコピペはできます。正確に表現すると「コピーすると違う文字になる」という状態になっています。 ではなぜ違う文字になるのでしょうか。結論をいってしまうと 「そこにある文字が、人間の目に見える文字とは違う」 からです。 といっても、これでは分からないですね。 今回のために作成された独自フォント トリックの肝は「フォント」です。フォントといえば、文字の見た目を変えるために利用するものです。 たとえば、「ほ」という文字を「メイリオ」フォントで表示するとこうなります。 人間だけをだます 面白いのが、HTML も、ブラウザーも、OS も、「ほ
セキュリティフォントとかいうのが話題になってましたね。 実はあれは単純なシーザー暗号じゃないらしい(マイナンバーごとにテーブルを変えている)とかいう話もあるんですが、単純なシーザーだと思ったときじゃあ何個マイナンバーを集めれば復号化できるかな?と思ってHaskellでプログラムを書いてみました。 予想 チェックディジットを通る確率はざっくり10分の1で、テーブルはだいたい10! ~ 107個候補があるので、まあ7,8個くらいあれば一意に定まるんじゃないかという予想。 コード コードはここにぶっこみました。 GitHub - hajifkd/securefont 説明 流石にUTSLすぎワロタな記事になっていたので追加。 以下のコードでは、適当にマイナンバーを作って適当なキーで暗号化しています(encode.hs)。 それを総当りで復号化するのがdecode.hsです。どちらも普通にコンパイ
この記事は2016年当時の状況を書いています。その後のバージョンアップで、Windowsでのフォントレンダリングは改善され、ガンマ補正周りのエラーはなくなっているようです。当時の状況を資料として残しておきますが、記事を参照する場合はご注意ください。 TL;DR 游ゴシック体は単に細いから薄いのではなく、ガンマ補正が2重、3重に掛かっているために、グレーが本来よりも明るくなりすぎている。ガンマ補正を逆に掛けると、正常な表示になる。 かすれた游ゴシック Windowsでは游ゴシックがかすれて見える。細字だと薄くて読みづらいから、より太いウェイトを指定しろという話もある。(Windowsで游ゴシックが汚いのは、結局誰が悪いのか? | Cherry Pie Webなど)だが、かすれて見える原因は、ウェイトが細すぎるからではない。 例えば、本文に游ゴシックを使っているWIREDの記事(「癌」という名
Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma
こんにちは。EXP ひのたんです。 最近アイコンフォントを作って GitHub と npm で公開したのでその紹介記事です。 feathericon Web サイト: http://feathericon.com/ GitHub: https://github.com/featherplain/feathericon npm: https://www.npmjs.com/package/feathericon 名前は私の Web 上のハンドルネームである「featherplain (フェザープレイン) 」と icon を合わせた 「feathericon (フェザリコン) 」です。 アイコンフォントと言えば Font Awesome や GitHub の Octicons のアイコンフォントの巨人がすでに存在します。Web フォント化していなくとも、「vector free icons」
ここ最近絵文字で遊んでいて、Somemoji というライブラリをつくったので知見を共有します。 さまざまな絵文字セット 様々なプラットフォームのために、様々な組織が、様々な絵文字セット (絵文字画像の集合) を提供しています。 Apple emojidex EmojiOne Facebook Google HTC LG Microsoft Mozilla Samsung Twitter 大抵の絵文字セットはUnicodeのEmojiの仕様に則って実装されていて、このコードポイントに対応する絵文字画像はこれ、というように互換性があります。Unicode 6.0, Unicode 7.0, Unicode 8.0, ... とバージョンが増えるに従って定義されるEmojiの数も増えていっているので、それぞれの絵文字セットごとに対応具合はまちまちという状況ではあるものの、よく使う主要なものについ
Electronさわってみました アイコンフォントを作り直す案件があり、位置調整やサイズ感の確認のたびにコマンド叩くのも、(リモートの)デザイナーさんとやりとりするのも大変だなということで、デザイナーさん向けの検証用のツールを作りました。 ゴール: GUIでSVGからwebfontに変換できるようにする github: svg2webfont に置いてます。 ツールとしては、ブラウザ上で使えるIcoMoon や fontello に近いものです。 もちろんこれで不便なければこちらを使えば良いのですが、 unicodeとアイコン名が対応しているjsonファイルが欲しい web上のサービスに依存するのが怖い(手元でやりたい) 一度作ってしまえばどのプロジェクトでも使いまわせそう Electronで何か作ってみたかった(重要) ということで、お試しでつくってみました。 Electronを使う利点
モニターに表示する文字間隔やx-height値などを調整し、ソースコードを読みやすくするためだけに作られたオープンソースのタイプフェースが「Hack」です。 Hack http://sourcefoundry.org/hack/ 「Hack」には等幅のレギュラー、ボールド、斜体、斜体ボールドの4書体があり、シンタックスハイライトに必要な全ての書体をカバーしています。ラテン語、現代ギリシャ語、キリル文字など1500以上の記号が含まれ、多言語にも対応。また、powerlineにも対応しており、インストールするだけでパッチなどを当てることなく利用可能です。 以下のスクリーンショットが実際にソースコードをHackで表示した例。文字間隔は8px~12pxで、x-height値は大きめになっているなど、デスクトップやノートPCのモニターでコードが読みやすいように設定されています。余計な飾りや仕掛けはな
What in the world could オントロ (ontoro) and グスーム (gusūmu) possibly mean? (If you wait a few seconds, a hint will flash in the animated GIF above.) Continue reading… The UTC #160 meeting took place last week at Microsoft’s HQ in Redmond, Washington. For CJK enthusiasts, the big news is that the UTC accepted CJK Unified ideographs Extension G (aka IRG Working Set 2015), which includes 4,939 characters
Source Han Code JPとは Source Han Code JP(源ノ角ゴシック Code JP)は、無料で使えるプログラミング向け OpenType フォントです。 Adobe社がオープンソースで開発しており「Source Code Pro」と「Source Han Sans JP(源ノ角ゴシック JP)」を組み合わせて作成されています。 Source Han Code JPの特徴 Source Han Code JPの特徴として以下のものが挙げられます。 ASCII文字は「Source Code Pro」が適用されている。 それ以外の文字には「源ノ角ゴシック」が適用されている。 半角文字と全角文字の横幅の比が 2:3 に調整されている。 文字の太さは7種類の中から選べる。 Adobe社がオープンソースで開発している。 実際に、「SourceHanCodeJP-Normal
たくさんのWEBアイコンフォントが使えるFontAwesomeですが、種類が豊富故に『あのアイコン使いたいけど名前なんだっけ・・・』ということも増えてきました。 htmlコードと、擬似要素で使いたい場面もあると思うのでcontentで指定する文字コードもまとめていきます! 5.0とは合わないようですが、検索のコツは同様に学ぶことができます。 FontAwesomeの使い方まとめようかと思いましたが、こちらのサイト様より丁寧にできる自信がありません! 使い方については↓を! http://h2ham.net/font-awasome おんなじWEBアイコンフォントはGenericonsを使っていたのですが、いまいち文字とのベースラインが合わないのが気になって、最近はAwesomeをよく使っています。 Genericonsについての記事はこちらをどうぞ! Twenty Fourteenに標準装
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Eコマースで必須の機能と言えば決済です。その決済手段も昔であればクレジットカード、銀行振り込み、代引きくらいだったかも知れませんが、今では場合によってはBitCoinを使う場合もあるかも知れません。 そんな多彩になっている決済に関する各種アイコンをWeb Font化したのがPaymentFontです。PaymentFontさえあれば決済周りのデザインが簡単になりそうです。 PaymentFontの使い方 PaymentFontの一覧は次のようになります。BitCoinにApple Pay、Amazonもあります。 通貨の単位もあります。 円もありますし、PayPalも用意されています。 日本だとなじみのない決済アイコンもありますが、海外対応する中では大事になるかも知れません。 Pa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く