網頁使用微軟正黑體bug

更新於 2024/11/24發佈於 2021/11/25閱讀時間約 1 分鐘

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

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

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

本筆記參考:
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

為什麼會看到廣告

Vic Lin的沙龍

21會員

161內容數

留言0

查看全部

發表第一個留言支持創作者！

Vic Lin的沙龍的其他內容

匯出docker中的mysql 資料

把指定DB的SQL檔案匯出到local: $ docker exec {CONTAINER} /usr/bin/mysqldump -u root --password=xxx {DATABASE} > backup.sql 只匯出db結構 add -d: $ docker exec {CONTAI

#docker #MySQL

CSS grid 達成類似 table colspan, rowspan 排版

css display grid可以達到類似table span的排版效果，但還是有些差異，table的span其實是合併，css grid比較像是要佔幾格的意思。如下程式碼為例，colspan是要往右合併的意思，因此會少一個td。 E css grid colspan sample code:

#cssgrid #colspan #rowspan

用 CSS grid 來實作 RWD

css grid在排版非常好用，搭配media query即可達到RWD的效果，以下直接附上sample code: E 結果如下: width > 1200px: width width width 接著刻意讓第三個框框高度設為400px，畫面結果如下: 可以看到第二列的格

#RWD #cssgrid

Laravel collection filter count

#Laravel

PHP 生日西元年轉民國年

E 本筆記參考: 1. https://hivenson.pixnet.net/blog/post/191702742

#PHP

Laravel collection distinct values

collection concat找出不重複的值: ->unique('id')->pluck('id'); 本筆記參考: 1. https://stackoverflow.com/questions/42447682/distinct-values-with-pluck

#Laravel

匯出docker中的mysql 資料

把指定DB的SQL檔案匯出到local: $ docker exec {CONTAINER} /usr/bin/mysqldump -u root --password=xxx {DATABASE} > backup.sql 只匯出db結構 add -d: $ docker exec {CONTAI

#docker #MySQL

PHP 生日西元年轉民國年

E 本筆記參考: 1. https://hivenson.pixnet.net/blog/post/191702742

#PHP

Laravel collection distinct values

collection concat找出不重複的值: ->unique('id')->pluck('id'); 本筆記參考: 1. https://stackoverflow.com/questions/42447682/distinct-values-with-pluck

#Laravel

你可能也想看

Google News 追蹤

方格子 vocus 官方沙龍

2024/11/27

🔔 叮咚～時代的眼淚：投稿懷舊主題，vocus 送你經典「偉士牌樂高」！

徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題，等你踹共啦！還有機會獲得經典的「偉士牌樂高」喔！馬上來參加本次的活動吧！

#時代的眼淚 #懷舊追星 #懷舊ACG

理財人妻Vivi

2024/12/25

為什麼選擇美股？從入門策略到如何突破理財門檻 with 國泰世華CUBE App

隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap

#美股小白 #國泰世華銀行 #國泰世華

小貝的多媒體學習日記．Beibei's diary

2024/07/10

為什麼老師都強迫使用黑體、圓體？字體運用的幾個原則，不用死背，你也可以輕鬆學會

哈囉大家好，最近有位網友問我有關字體的問題，對方的老師要求大家使用黑體或圓體，讓他覺得很疑惑，為什麼呢？因為網路上並不是只有圓體或黑體的傳單、海報、廣告，甚至有的時候在日本的質感海報中，大家還可以看到在台灣基本上禁止使用的「明體」，如果對於黑體、圓體、明體、宋體還不了解的，可以看我之前分享過的文章。

#標題 #背景 #閱讀