Vic Lin的沙龍

網頁使用微軟正黑體bug

維克 (Vic Lin)-avatar-img
維克 (Vic Lin)
更新 發佈閱讀 1 分鐘

最近遇到客戶姓名中有"碧"這個字，發現後面會多一格空白:

vocus｜新世代的創作平台

google了一下，改成用font-face的解法，發現碧後面還是會有一點點空格:

vocus｜新世代的創作平台


既然這是微軟正黑體粗體的bug，就直接把粗體改掉吧，font-weight設為500，就正常了，或者是換別的字型也是一種解法。

vocus｜新世代的創作平台


本筆記參考:
1. https://kira5033.github.io/2020/05/%E7%A2%A7%E7%AD%B5%E7%B6%B0%E5%9C%A8%E5%BE%AE%E8%BB%9F%E6%AD%A3%E9%BB%91%E9%AB%94%E5%95%8F%E9%A1%8C/
2. https://lininu.blogspot.com/2016/01/blog-post.html

留言
avatar-img
Vic Lin的沙龍
20會員
161內容數
Vic Lin的沙龍的其他內容
2023/08/13
Vue 3.2 defineEmits 用法
父元件 傳遞方法使用@ <template>    ...    <Login @modalClose="modalClose"/> ... </template> <script setup>     const _modal = ref();     function m
2023/08/13
Vue 3.2 defineEmits 用法
父元件 傳遞方法使用@ <template>    ...    <Login @modalClose="modalClose"/> ... </template> <script setup>     const _modal = ref();     function m
2023/03/25
ASRock AMD DeskMini X300 超高CP自組筆記
前情提要 由於我的筆電已經用了10年，無法再戰下去了，且有預算考量，加上使用電腦幾乎都是定點，只有偶爾回家的時候會需要攜帶，因此最終選擇了迷你電腦，體積小不占空間，又方便攜帶，剛好符合我的需求。 菜單 由於這台無法裝獨顯，所以CPU的部分選擇 AMD R5 3400G(含Vega 11內
Thumbnail
2023/03/25
ASRock AMD DeskMini X300 超高CP自組筆記
前情提要 由於我的筆電已經用了10年，無法再戰下去了，且有預算考量，加上使用電腦幾乎都是定點，只有偶爾回家的時候會需要攜帶，因此最終選擇了迷你電腦，體積小不占空間，又方便攜帶，剛好符合我的需求。 菜單 由於這台無法裝獨顯，所以CPU的部分選擇 AMD R5 3400G(含Vega 11內
Thumbnail
2023/03/10
Nuxt3 使用 useFetch 取得數據
Nuxt3中可使用useFetch來獲取數據，不須再引用axios，相當方便: 本筆記參考: https://juejin.cn/post/7104071421160063012 https://juejin.cn/post/7086472647575339045
2023/03/10
Nuxt3 使用 useFetch 取得數據
Nuxt3中可使用useFetch來獲取數據，不須再引用axios，相當方便: 本筆記參考: https://juejin.cn/post/7104071421160063012 https://juejin.cn/post/7086472647575339045
看更多
你可能也想看
Thumbnail
avatar-avatar
Vic Lin的沙龍
網頁使用微軟正黑體bug
最近遇到客戶姓名中有"碧"這個字，發現後面會多一格空白: google了一下，改成用font-face的解法，發現碧後面還是會有一點點空格: 既然這是微軟正黑體粗體的bug，就直接把粗體改掉吧，font-weight設為500，就正常了，或者是換別的字型也是一種解法。 本筆記參考: 1.
Thumbnail
avatar-avatar
Vic Lin的沙龍
網頁使用微軟正黑體bug
最近遇到客戶姓名中有"碧"這個字，發現後面會多一格空白: google了一下，改成用font-face的解法，發現碧後面還是會有一點點空格: 既然這是微軟正黑體粗體的bug，就直接把粗體改掉吧，font-weight設為500，就正常了，或者是換別的字型也是一種解法。 本筆記參考: 1.
Thumbnail
avatar-avatar
小P趨勢投資
算力的盡頭是電力！009819 小P量化交易者眼中的AI基建雙引擎致勝邏輯
背景：從冷門配角到市場主線，算力與電力被重新定價   小P從2008進入股市，每一個時期的投資亮點都不同，記得2009蘋果手機剛上市，當時蘋果只要在媒體上提到哪一間供應鏈，隔天股價就有驚人的表現，當時光學鏡頭非常熱門，因為手機第一次搭上鏡頭可以拍照，也造就傳統相機廠的殞落，如今手機已經全面普及，題
#AI#算力#電力
Thumbnail
avatar-avatar
小P趨勢投資
算力的盡頭是電力！009819 小P量化交易者眼中的AI基建雙引擎致勝邏輯
背景：從冷門配角到市場主線，算力與電力被重新定價   小P從2008進入股市，每一個時期的投資亮點都不同，記得2009蘋果手機剛上市，當時蘋果只要在媒體上提到哪一間供應鏈，隔天股價就有驚人的表現，當時光學鏡頭非常熱門，因為手機第一次搭上鏡頭可以拍照，也造就傳統相機廠的殞落，如今手機已經全面普及，題
#AI#算力#電力
Thumbnail
avatar-avatar
oO天邊的一朵雲Oo
注音輸入法設定
為什麼寫這麼基本的設定呢? 剛開始打字時預設內定為微軟注音，因為沒有全部設定好，導致後續寫稿時常常打錯字，也有是因為打注音時選錯字也有關。 雖然這個很基本，但也有滿多人不知道該怎麼設定，或常被微軟裡其設定繁雜而困擾，至少我找了一陣子......。 進入畫面右下方切換中英文(右鍵)，叫出IME工
#注音#整合#科技力
Thumbnail
avatar-avatar
oO天邊的一朵雲Oo
注音輸入法設定
為什麼寫這麼基本的設定呢? 剛開始打字時預設內定為微軟注音，因為沒有全部設定好，導致後續寫稿時常常打錯字，也有是因為打注音時選錯字也有關。 雖然這個很基本，但也有滿多人不知道該怎麼設定，或常被微軟裡其設定繁雜而困擾，至少我找了一陣子......。 進入畫面右下方切換中英文(右鍵)，叫出IME工
#注音#整合#科技力
Thumbnail
avatar-avatar
阿賢的沙龍
WIN10 微軟注音爆音 如何解決
打字爆音很討厭 三張圖教你怎麼解決 簡單不廢話 上圖!
#Win10#打字#安靜
Thumbnail
avatar-avatar
阿賢的沙龍
WIN10 微軟注音爆音 如何解決
打字爆音很討厭 三張圖教你怎麼解決 簡單不廢話 上圖!
#Win10#打字#安靜
Thumbnail
avatar-avatar
Vic Lin的沙龍
jsPDF中文亂碼
解決方法其實就是載入中文字型: 1. 到jsPDF的repo可以看到有fontconverter資料夾，裡面有fontconverter.html，選擇ttf字型檔，這邊以微軟正黑體為例: 2. 上一步會生成msjh-normal.js，在程式中要import(這邊是React)，接著設定這個字型
#jsPDF
Thumbnail
avatar-avatar
Vic Lin的沙龍
jsPDF中文亂碼
解決方法其實就是載入中文字型: 1. 到jsPDF的repo可以看到有fontconverter資料夾，裡面有fontconverter.html，選擇ttf字型檔，這邊以微軟正黑體為例: 2. 上一步會生成msjh-normal.js，在程式中要import(這邊是React)，接著設定這個字型
#jsPDF
Thumbnail
avatar-avatar
DavidHi的沙龍
SQL_解決語法更新中文顯示問號(?)的方法
在工作情境中手動執行SQL語法更新中文字時，有時會遇到中文字顯示問號(?)的情況。這篇文章將介紹如何解決手動執行SQL語法時造成中文顯示問號(?)的方法。
#SQL#語法#中文
Thumbnail
avatar-avatar
DavidHi的沙龍
SQL_解決語法更新中文顯示問號(?)的方法
在工作情境中手動執行SQL語法更新中文字時，有時會遇到中文字顯示問號(?)的情況。這篇文章將介紹如何解決手動執行SQL語法時造成中文顯示問號(?)的方法。
#SQL#語法#中文
Thumbnail
avatar-avatar
Warren Lo的沙龍
如何在多人工作站升級自己的 Python
IDE 升級後出現了一樣的錯誤，手上程式碼沒有 pylint black-format 檢查上不了 gitlab，我又點開了那個很小很小的 x 符號，裡面 logs 提示的解決方式是升級..
#python#venv#pylint
Thumbnail
avatar-avatar
Warren Lo的沙龍
如何在多人工作站升級自己的 Python
IDE 升級後出現了一樣的錯誤，手上程式碼沒有 pylint black-format 檢查上不了 gitlab，我又點開了那個很小很小的 x 符號，裡面 logs 提示的解決方式是升級..
#python#venv#pylint
Thumbnail
avatar-avatar
袋鼠Kangaroo's Blog
第一次安裝字體就上手！
「你是否覺得電腦的那些固定字體已經看膩了呢？」 「你是否覺得每次電腦只能用黑體、標楷體或是新細明體呢？」 那麼今天要來介紹一下，如何在網路上安裝其他的字體，以及介紹幾種安裝字體的網站唷～
#資訊科技#字型#下載
Thumbnail
avatar-avatar
袋鼠Kangaroo's Blog
第一次安裝字體就上手！
「你是否覺得電腦的那些固定字體已經看膩了呢？」 「你是否覺得每次電腦只能用黑體、標楷體或是新細明體呢？」 那麼今天要來介紹一下，如何在網路上安裝其他的字體，以及介紹幾種安裝字體的網站唷～
#資訊科技#字型#下載
Thumbnail
avatar-avatar
釀電影，啜一口電影的美好。
性別之外，存在面前──淺談劇作《遊林驚夢：巧遇 Hagay》
這是一場修復文化與重建精神的儀式，觀眾不需要完全看懂《遊林驚夢：巧遇Hagay》，但你能感受心與土地團聚的渴望，也不急著在此處釐清或定義什麼，但你的在場感受，就是一條線索，關於如何找著自己的路徑、自己的聲音。
#2026北藝嚴選#北藝嚴選#臺北表演藝術中心
Thumbnail
avatar-avatar
釀電影，啜一口電影的美好。
性別之外，存在面前──淺談劇作《遊林驚夢：巧遇 Hagay》
這是一場修復文化與重建精神的儀式，觀眾不需要完全看懂《遊林驚夢：巧遇Hagay》，但你能感受心與土地團聚的渴望，也不急著在此處釐清或定義什麼，但你的在場感受，就是一條線索，關於如何找著自己的路徑、自己的聲音。
#2026北藝嚴選#北藝嚴選#臺北表演藝術中心
Thumbnail
avatar-avatar
詹育杰的沙龍
《轉轉生 Re:INCARNATION》：Qudus Onikeku、約魯巴哲學與 Afrobeat 的去殖民身體政治
《轉轉生》（Re:INCARNATION）為奈及利亞編舞家庫德斯．奧尼奎庫與 Q 舞團創作的當代舞蹈作品，結合拉各斯街頭節奏、Afrobeat／Afrobeats、以及約魯巴宇宙觀的非線性時間，建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發，解析其去殖民的身體政治。
#2026北藝嚴選#北藝嚴選#臺北表演藝術中心
Thumbnail
avatar-avatar
詹育杰的沙龍
《轉轉生 Re:INCARNATION》：Qudus Onikeku、約魯巴哲學與 Afrobeat 的去殖民身體政治
《轉轉生》（Re:INCARNATION）為奈及利亞編舞家庫德斯．奧尼奎庫與 Q 舞團創作的當代舞蹈作品，結合拉各斯街頭節奏、Afrobeat／Afrobeats、以及約魯巴宇宙觀的非線性時間，建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發，解析其去殖民的身體政治。
#2026北藝嚴選#北藝嚴選#臺北表演藝術中心
Thumbnail
avatar-avatar
陳沅綦的沙龍
柏林劇團《三便士歌劇》：巴里．柯斯基的經典再造，與布萊希特劇場的當代轉向
本文分析導演巴里・柯斯基（Barrie Kosky）如何運用極簡的舞臺配置，將布萊希特（Bertolt Brecht）的「疏離效果」轉化為視覺奇觀與黑色幽默，探討《三便士歌劇》在當代劇場中的新詮釋，並藉由舞臺、燈光、服裝、音樂等多方面，分析該作如何在保留批判核心的同時，觸及觀眾的觀看位置與人性幽微。
#2026北藝嚴選#北藝嚴選#臺北表演藝術中心
Thumbnail
avatar-avatar
陳沅綦的沙龍
柏林劇團《三便士歌劇》：巴里．柯斯基的經典再造，與布萊希特劇場的當代轉向
本文分析導演巴里・柯斯基（Barrie Kosky）如何運用極簡的舞臺配置，將布萊希特（Bertolt Brecht）的「疏離效果」轉化為視覺奇觀與黑色幽默，探討《三便士歌劇》在當代劇場中的新詮釋，並藉由舞臺、燈光、服裝、音樂等多方面，分析該作如何在保留批判核心的同時，觸及觀眾的觀看位置與人性幽微。
#2026北藝嚴選#北藝嚴選#臺北表演藝術中心
Thumbnail
avatar-avatar
Lee Luciano的沙龍
星期三的CSS-CSSBattle#38
這篇文章分享了 CSS Battle 第 38 題的解法，並提供了相關的技術總結。文章內容包括了使用 flex 排版處理、背景漸層的方法處理等相關技術。透過這篇文章可以學習到如何解決 CSS 切版的問題。
#分享#文章#背景
Thumbnail
avatar-avatar
Lee Luciano的沙龍
星期三的CSS-CSSBattle#38
這篇文章分享了 CSS Battle 第 38 題的解法，並提供了相關的技術總結。文章內容包括了使用 flex 排版處理、背景漸層的方法處理等相關技術。透過這篇文章可以學習到如何解決 CSS 切版的問題。
#分享#文章#背景
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News