Twitterのテキストを美咲フォントにする

by macky1207 2010-05-20 [2010/05/20 18:32:26]
(Forked from Twitterの名前部分を洒落たフォントにする by cancer6)

TwitterのフォントをGoogle Font APIを使って変更します。

@@ -5,7 +5,22 @@
  * @license MIT License
  * @require jQuery
  * @require http://www.google.com/jsapi
- * @require http://lab.slackl.info/font/MisakiGothic_Outline.css
+ * @require http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js
  * @private
  */
-$('*').css('font-family', 'MisakiGothic_Outline');
+WebFont.load({
+  custom: {
+    families: ['Misaki'],
+    urls:['http://lab.slackl.info/font/MisakiGothic_Outline.css']
+  },
+  loading: function(){
+    alert("読み込みます...");
+  },
+  active: function(){
+    $("*").css({
+      "font-family":"Misaki",
+      "font-size":"12px"
+    });
+  }
+});
+

• /*
   * @title Twitterのテキストを美咲フォントにする
   * @description TwitterのフォントをGoogle Font APIを使って変更します。
   * @include http://twitter.com/
   * @license MIT License
   * @require jQuery
   * @require http://www.google.com/jsapi
   * @require http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js
   * @private
   */
  WebFont.load({
    custom: {
      families: ['Misaki'],
      urls:['http://lab.slackl.info/font/MisakiGothic_Outline.css']
    },
    loading: function(){
      alert("読み込みます...");
    },
    active: function(){
      $("*").css({
        "font-family":"Misaki",
        "font-size":"12px"
      });
    }
  });
  
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。