Try   HackMD

Material icon Outlined 用法 by Sz

tags: Sz 2021夏季切版班

懶人包

  1. icon 的 CDN，外框版本


<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined"
      rel="stylesheet">
  1. 不知道關鍵字對 XD 上的 icon 右鍵就知道囉

Material icon 使用方法

這篇用掛 CDN 直接載入（可以看這篇 Material icon, Google font 安裝方式）

但這次眼鏡網站的作業不知道為什麼沒找到

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

但真的硬搜還是找得出類似的圖片
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

後來發現其實預設搜尋會是「填滿 filled」的類型
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

改成 Outlined 就找得到只有外框的類型囉
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

如何使用 Outlined 版本

Material Icons Guide 裡面提供的是 filled 的載入方法，沒找到介紹，只好自己推敲

預設的 icon 語法＆字體

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Outline 的語法＆字體

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

推測應該是字體的不同

造樣造句

那就把原本的



<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">

改成



<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined"
      rel="stylesheet">

（成功ㄌ欸）

不知道英文關鍵字是什麼哭阿

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

沒關係 XD 賜你力量
應該作者如果沒改名稱，對 icon 右鍵應該就找得到他的名稱了
why voicemail

Last changed by 
 
HexSlicing2021.Team13
六角夏季切版班 Team.13
0
8
1756

Read more

第13組 第一週｜版型

【總】小組任務｜2021夏季切版班 Team13 :::info 開會地點： Gather、白板 開會時間： 7/4(日) 20:00 討論目錄：第一週任務 50min心理測驗（截圖） 題目看高度 改良程式碼 kata

May 3, 2023
【總】小組任務｜2021夏季切版班 Team13

&#x7D71;&#x6574; 7/2-8/20 &#x4E4B;&#x9593;&#x5C0F;&#x7D44;&#x8CC7;&#x6E90; &#x6BCF;&#x9031;&#x5C0F;&#x7D44;&#x4EFB;&#x52D9; &#x6BCF;&#x9031;&#x76F4;&#x64AD;&#x8B1B;&#x7FA9; &#x76F8;&#x95DC;&#x9023;&#x7D50; &#x554F;&#x984C;&#x7D71;&#x6574;&#xFF1A;&#x5C0F;&#x7D44;&#x5167;&#x90E8;&#x554F;&#x984C;&#x6574;&#x7406; &#x7DF4;&#x529F;&#x83DC;&#x55AE;&#x5F85;&#x8FA6;&#x7248;&#xFF08;&#x7BC4;&#x672C;&#xFF09;&#xFF1A;&#x4F9B;&#x7D44;&#x5167;&#x76F4;&#x63A5;&#x5F9E;&#x7BC4;&#x672C;&#x5EFA;&#x7ACB; &#x5171;&#x7B46;&#x5340;

Jan 20, 2022
第13組 第八週｜CSS 模組化管理

&#x3010;&#x7E3D;&#x3011;&#x5C0F;&#x7D44;&#x4EFB;&#x52D9;&#xFF5C;2021&#x590F;&#x5B63;&#x5207;&#x7248;&#x73ED; Team13 :::info &#x958B;&#x6703;&#x5730;&#x9EDE;&#xFF1A; meet &#x958B;&#x6703;&#x6642;&#x9593;&#xFF1A; 8/22(&#x65E5;) 20:00 &#x8A0E;&#x8AD6;&#x76EE;&#x9304;&#xFF1A;&#x7B2C;&#x516B;&#x9031;&#x4EFB;&#x52D9; 1hr30min [x] &#x8A0E;&#x8AD6;&#xFF08;&#x622A;&#x5716;&#xFF09; [x] &#x516C;&#x5E03;&#x4E0B;&#x9031;&#x6C92;&#x958B;&#x6703;&#xFF08;&#xFF1F;&#xFF09;

Sep 3, 2021
發表會｜課程直播｜切版班 by Sz

&#x3010;&#x7E3D;&#x3011;&#x5C0F;&#x7D44;&#x4EFB;&#x52D9;&#xFF5C;2021&#x590F;&#x5B63;&#x5207;&#x7248;&#x73ED; Team13 &#x4F5C;&#x54C1;&#x7DB2;&#x5740; &#x7B2C;&#x4E00;&#x4F4D; &#x7B2C;&#x516B;&#x9031; &#x539F;&#x4F86;&#x5929;&#x66F8;&#x662F;&#x6574;&#x9AD4;&#x7684;&#x547D;&#x540D; swiper

Sep 3, 2021
Read more from HexSlicing2021.Team13
Published on HackMD