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

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

2024/07/10

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

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

#標題 #背景 #閱讀