技術 Day 16 - Next.js 字型設定

寫到現在才總算要把主題稍微拉回到 Next.js 了，不過這幾篇的設定主要會是集中在基礎的設定。 首先是設定字型設定，這次我選用 Noto Sans 字型跟...

技術 營養師不開菜單的第二十六天 - 運用 Next.js 內建工具，打造專案效能優化

前言 系列文到二十五天已經大致開發完成，但完成後會開始各種修改及優化，其中也包括效能的優化。效能對於前台網站是非常關鍵的。當網站載入速度緩慢時，可能會導致用戶流...

技術 Edge 瀏覽器看 PDF 發生字體撕裂

最近發現透過 Edge 瀏覽器看論文 PDF 經常發生字體撕裂的問題像是這樣： 我的解決方法是把撕裂處反白： 這樣字體就會恢復原狀了： 我發現只要上下滾動就容易...

技術 如何在Angular裏引用自造字（EUDC）

今天工作期間有遇到一個問題：因公司是醫療體系，所以系統裡有很多病患的名字，而人的名字就會有一些特殊的字。當時公司的解決辦法就是建了自己的造字，並一直沿用到現在，...

技術 Day 12：我想要我的字長得跟別人不一樣！！【Tailwind – 字體篇】

接下來將會帶大家導覽一下 tailwind 在各種功能上的使用方式並且實作給還是新手的讀者看！以下標題表示法為：{功能類別}, {英文名} {tailwind...

技術 Chakra UI 打造設計系統05: Fonts

字體在系統化的介面設計中是重要的構成要素之一。取決於 字體家族 fontFamily、字級行高 fontSize LineHeight、字重 fontWeigh...

技術 前端工程學習日記第22天

跟字型相關的CSS設定 font-family指定使用的字體，可以設定多個，讓瀏覽器依照排序使用 font-family: 微軟正黑體,”Arial”；...

技術 [Day16] Google Webfonts Helper

應用連結 source code 今天介紹的是 YURI 個人常用的字型工具 - Google Webfonts Helper。 當專案需要設定外部...

技術 鉄人28号FX　鉄人4号「字戰隊」font-family

★ 村外西南方小樹林 ↓↓↓ 顯示樹林位置圖 也不知道村長什麼意思？邊走邊打開手上紙條，上面寫著： （疑～）字體與字型使用區別： 字體：泛指不同家族，明體、黑...

技術 鉄人28号FX　鉄人1号「行內熊」inline element

謎之音：網路世界 95％ 的訊息皆是圖文。可以合理地說，前端設計師應該在塑造文本訊息的主要學科中獲得良好的培訓，也就是現今的排印學。— Oliver Reic...

技術 AMP(Lession 4) - 字型

AMP 中設定字型 誠如前面所說的， AMP 並不希望引入外部的檔案。可是…預設的字體就是不得人疼，我就是要另外載入別的字體呀!! 怎麼辦呢?! 有2種方法 方...

技術 全端之路-CSS超好用的呢~ Day6

昨天講到HTML 今天就來提一下CSS這玩意吧 從我開始寫網頁的時候，似乎只有HTML 也是我到大學之後，才知道新的HTML已經要把表現抽出來了 也就是抽出來成...

技術 作個網站吧！Web Font(2)-誰說icon不能放大

除了昨天記錄的線上字型以外，現在icon也可以直接利用轉檔功能把自己畫的icon“變成”網路的字型。 不想多費力氣去做icon？網路上也有很多免費現成的可以使用...