109 學年度 臺南市市立進學國小資訊組

如何放大 Scratch 3 字體?

如何放大 Scratch 3 字體?

  1. 為 Chrome 瀏覽器安裝 Stylus 擴充功能。
  2. 加入以下設定至 Stylus 中,適用於「比對正規表示式的網址」 https://scratch.mit.edu/projects/.*editor.*
  3. 下載以下 CSS 樣式設定
    https://gist.github.com/lyshie/c0199250041ad78a8219181efa44a816
    /*
        1. Install Stylus (https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne)
        2. URL: Regular expression (https://scratch.mit.edu/projects/.*editor.*)
    */
    
    /* 減少高度(最上面一排的選單) */
    div.menu-bar_menu-bar_JcuHF,
    div.menu-bar_menu-bar-item_oLDa-,
    div.menu-bar_menu-bar-item_oLDa- span,
    div.menu-bar_menu-bar-item_oLDa- div,
    div.menu-bar_menu-bar-item_oLDa- input {
        height: 32px;
    }
    
    /* 減少高度(最上面一排的選單) */
    div.menu-bar_menu-bar-item_oLDa- span,
    div.menu-bar_menu-bar-item_oLDa- div,
    div.menu-bar_menu-bar-item_oLDa- input {
        padding: 2px;
    }
    
    /* 一般文字標籤 */
    span {
        font-size: 14px;
        font-weight: bold !important;
        text-shadow: 0.03em 0.03em 0.03em #999999 !important;
    }
    
    /* 程式積木分類文字 */
    div.scratchCategoryMenuItemLabel {
        font-size: 14px !important;
        font-weight: bold !important;
        text-shadow: 0.03em 0.03em 0.03em #999999 !important;
    }
    
    /* 積木文字 */
    .blocklyText {
        font-size: 20px !important;
        font-weight: bold !important;
        text-shadow: 0.03em 0.03em 0.03em #999999 !important;
    }
    
    /*
        sprite-selector-item: 角色名稱
        label_input-label: 角色一般文字標籤
        labeled-icon-button: 繪圖工具按鈕
        input_input-form: 可輸入的文字區域
    */
    div[class^="sprite-selector-item"],
    span[class^="label_input-label"],
    span[class^="labeled-icon-button"],
    input[class^="input_input-form"] {
        font-size: 12px !important;
        font-weight: bold !important;
        text-shadow: 0.03em 0.03em 0.03em #999999 !important;
    }
    
    /* 程式註解文字 */
    .scratchCommentText {
        font-size: 20px !important;
        font-weight: bold !important;
        text-shadow: 0.03em 0.03em 0.03em #999999 !important;
    }
    

相關連結:https://raw.githubusercontent.com/lyshie/my-fedora-config/master/stylish/scratch_3_text.css
  •  
    1) Screenshot_20190328_224750.png
  •  
    2) Screenshot_20190401_092332.png

搜尋

QRCode

QR Code

AQI


臺南市臺南測站
空氣品質指標(AQI):
人體健康影響:

活動剪影秀

  • slider image 1
  • slider image 2
  • slider image 3
  • slider image 4
  • slider image 5

2017.04.13機器車陡坡設計