網頁使用微軟正黑體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

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

#cssgrid #colspan #rowspan

用 CSS grid 來實作 RWD

#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

你可能也想看

料理與生活的美學：用國泰世華 CUBE 打造質感生活圈

大家好，我是woody，是一名料理創作者，非常努力地在嘗試將複雜的料理簡單化，讓大家也可以體驗到料理的樂趣而我也非常享受料理的過程，今天想跟大家聊聊，除了料理本身，料理創作背後的成本。

#國泰世華 #CUBE卡 #料理

爺恩的沙龍

2025/01/10

圖文創作者的數位理財新體驗：國泰世華CUBE App x 國泰優惠CUBE Rewards App

哈囉～很久沒跟各位自我介紹一下了～大家好～我是爺恩我是一名圖文插畫家，有追蹤我一段時間的應該有發現爺恩這個品牌經營了好像.....快五年了(汗)時間過得真快！隨著時間過去，創作這件事好像變得更忙碌了，也很開心跟很多厲害的創作者以及廠商互相合作幫忙，還有最重要的是大家的支持與陪伴🥹。

#國泰世華 #國泰世華銀行 #創作

筱涵｜Hannah的沙龍

2025/01/02

【生活記事】AI人工智慧解籤｜慈母籤｜線上求籤｜科技與玄學

嘿，大家新年快樂~ 新年大家都在做什麼呢？跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~

#互動設計 #文化體驗 #慈母籤

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

2024/07/10

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

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

#標題 #背景 #閱讀