タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

jqueryとweb_typographyに関するsonesoneのブックマーク (1)

  • DEMO - wrapSingleByteTexts.js

    和欧混植で指定した場合、欧文が和文より一回り小さかったり、数字・記号で別々のフォントを指定したいけどできない…など、 Webフォントを使用していて「もう少し細かい指定ができたら」という思いから、プラグインを作成しました。 半角英数記号をそれぞれ任意のclass名のspanで囲み、汎用性を持たせるために、CSSで調整できるようにしています。 判別できるのは、半角英文字、半角数字、半角記号の3つです。それぞれ個別に指定できるのでfont-familyやfont-sizeを調整して、 より綺麗にWebフォントを組むことができます。 来の目的はWeb上で合成フォントを綺麗に見せることですが、使い方次第では、それ以外にも使えるかもしれません。 HTML まず、jquery体を読み込んだ後、プラグインを読み込みます。 <head> <script type="text/javascript"

    sonesone
    sonesone 2021/01/25
    半角英数記号をそれぞれ任意のclass名のspanで囲み、汎用性を持たせるために、CSSで調整できる。判別できるのは、半角英文字、半角数字、半角記号の3つ。jqueryプラグイン。デモがそもそも正しく動いていない・・・
  • 1