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

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

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

@@ -1,35 +1,20 @@
 /*
- * @title Twitterの名前部分を洒落たフォントにする
- * @description Twitterのscreen_nameとuser_nameのフォントをGoogle Font APIから適当に引っ張ってきたフォントに変更します。
+ * @title Twitterのテキストをを美咲フォントにする
+ * @description TwitterのフォントをGoogle Font APIを使って変更します。
  * @include http://twitter.com/
  * @license MIT License
- * @require 
+ * @require jQuery
+ * @require http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js
  * @private
  */
-
-(function(api){
-  var api2 = api;
-  api.type = api2.type = "text/javascript";
-  api.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js";
-  api2.src = "http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js";
-  document.body.appendChild(api);
-  document.body.appendChild(api2);
-  if(location.href.indexOf('http://twitter.com/') != -1){
-    setTimeout(function(){
-      if(!window.jQuery || !window.WebFont) arguments.callee;
-      else {
-        WebFont.load({
-          google:{
-            families: ['Lobster', 'Yanone Kaffeesatz']
-          }
-        });
-        $('.screen-name').css('font-family', 'Lobster');
-        $('.username').css('font-family', 'Yanone Kaffeesatz');
-        $('a.screen-name, a.username').css({
-          'font-weight': 'bold',
-          'font-size': '120%'
-        });
-      }
-    },100);
+WebFont.load({
+  custom: {
+  families: ['MisakiGothic_Outline'],urls: [ 'http://lab.slackl.info/font/MisakiGothic_Outline.css']
+  },
+  active: function() {
+    $('*').css({
+      'font-family' : 'MisakiGothic_Outline',
+      'font-size'   : '8px'
+    });
   }
-})(document.createElement("script"));
+});

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

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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