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

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

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

@@ -5,21 +5,36 @@
  * @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: ['MisakiGothic_Outline'],
-    urls: ['http://lab.slackl.info/font/MisakiGothic_Outline.css']
-  },
-  loading : function(){
-   alert("aaa");
-  },
-  fontactive: function(fontFamily, fontDescription) {
-    $('*').css({
-      'font-family' : fontFamily,
-      'font-size'   : '12px'
-    });
+
+(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']
+          },
+          custom: {
+            families: ['MisakiGothic_Outline'],
+            urls: ['http://lab.slackl.info/font/MisakiGothic_Outline.css']
+          }
+        });
+        $('.screen-name').css('font-family', 'MisakiGothic_Outline');
+        $('.username').css('font-family', 'MisakiGothic_Outline');
+        $('a.screen-name, a.username').css({
+          'font-weight': 'bold',
+          'font-size': '12px'
+        });
+      }
+    },100);
   }
-});
+})(document.createElement("script"));

• /*
   * @title Twitterのテキストを美咲フォントにする
   * @description TwitterのフォントをGoogle Font APIを使って変更します。
   * @include http://twitter.com/
   * @license MIT License
   * @require jQuery
   * @require http://www.google.com/jsapi
   * @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']
            },
            custom: {
              families: ['MisakiGothic_Outline'],
              urls: ['http://lab.slackl.info/font/MisakiGothic_Outline.css']
            }
          });
          $('.screen-name').css('font-family', 'MisakiGothic_Outline');
          $('.username').css('font-family', 'MisakiGothic_Outline');
          $('a.screen-name, a.username').css({
            'font-weight': 'bold',
            'font-size': '12px'
          });
        }
      },100);
    }
  })(document.createElement("script"));

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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