Vic Lin的沙龍

網頁使用微軟正黑體bug

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

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，畫面結果如下: 可以看到第二列的格

Laravel collection filter count

E

PHP 生日西元年轉民國年

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

Laravel collection distinct values

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

匯出docker中的mysql 資料

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

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，畫面結果如下: 可以看到第二列的格

Laravel collection filter count

E

PHP 生日西元年轉民國年

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

Laravel collection distinct values

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

你可能也想看

Google News 追蹤

方格子 vocus 官方沙龍

「天天秋嗨嗨」：vocus 秋季徵文，五大主題 & 獎品登場！

這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～

#天天秋嗨嗨 #秋季旅遊 #秋季穿搭

MimiVsJames的美股投資分享

11/20 NVDA財報前Preview, 財報前股價波動走勢觀察

11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從

#美股 #美股投資 #投資理財

維持皮膚健康與活力｜6款超人氣保濕、舒緩敏感化妝水評比

Hi 大家好，我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。曾經，我的保養程序簡單到只包括清潔和隨意上乳液

#保養 #產品 #分享

Vivian Yeh - 跨領域轉職的軟體工程師

網頁瀏覽器中可以使用的 storage：localStorage 跟 sessionStorage 是什麼？兩者差異為何

與 cookie 相比，localStorage 與 sessionStorage 的機制相對單純，兩者皆是瀏覽器中的儲存空間，與 cookie 最大的不同在於：localStorage 與 ⋯⋯

#網頁開發 #前端 #前端開發

Vivian Yeh - 跨領域轉職的軟體工程師

網頁瀏覽器中可以使用的 storage：什麼是 HTTP cookies？為什麼使用 cookies 會有資安風險？

在瀏覽器環境中有許多的儲存空間，想要查看這些空間的話，可以透過「chrome > Dev Tools > Application > Storage」即能進行查看。瀏覽器內存空間的差異不僅常常被拿來被當作面試考題，在實務開發中更扮演舉足輕重的角色，今天就想透過這系列的文章深度了解這些瀏覽器內存⋯

#JavaScript #前端 #前端開發

Kant Chan的沙龍

WordPress網頁設計：大品牌使用的考慮因素

這篇文章探討了WordPress在大品牌網站設計中的應用以及相關的背景和考慮因素。透過分析開源與品質、大品牌的需求、大品牌的案例以及安全性和維護等方面，提供了對於WordPress在大品牌中使用的觀點和見解。

#品牌 #網站 #案例

無限智慧學院的沙龍

三分鐘實作文字生成圖片網頁APP (使用LCM-LoRA-SDXL模型)

本文帶你三分鐘內跑通"文字生圖片"的網頁APP，使用最頂尖生成技術，LCM-Lora-SDXL模型，能夠在短時間內生成符合文字描述的高解析圖片。屬於免費開源模型(License Link)，請不要產生有害內容，進行合理的使用。

#文字生圖片 #LCMLoRA #Gradio

Digiworld的沙龍

【動態網頁製作效果】如何使用CSS和JavaScript增添互動元素

網站設計不再僅僅是靜態的展示，而是越來越多地引入動態網頁效果來提供更豐富和引人注目的使用者體驗。本文將解釋如何使用CSS轉換、過渡和動畫效果來創建動態網頁元素，並介紹一些常用的JavaScript庫和框架（如jQuery和GSAP）來實現更複雜的動態效果。

#動態網頁製作

哈佛XGoggle行為科學家的脫單指南-改善使用交友軟體的方法(一)

避免單憑單一的特點就假設對方的人設作者提出，很多時候他的客人看見某一種特質就會單憑這一點去判定他/她是不是合適的對象。例如，可能會因為過去的賤男前任是射手座，就會預設所有的射手座都是賤男，類似的前設還適用於其他特點例如職業、與趣等等。過去的經歷並不代表未來的他，作者鼓勵客人應以開放的態度去選

自癒是與生俱來的，只要透過練習，就可以享受健康美麗的人生喔！

如何在疫情自封中，使用“社交軟體+科學平衡+推拿按摩“等手技，來自助助人。

自己已是66歲的老人：也拿到區公所給予的老人交通卡。進入疫情三級後，自己只能，每週陪伴太太去市場，當買菜的挑夫，瞬間，感覺自己好像沒有什麼太大的用處。然四年前，因為母親90歲衰老與妻子帕症的照護，開始學習科學平衡+按摩調理後，沒想到可在自封中藉虛擬+實境，自助助人喔！

吳貳說的沙龍

為何使用交友軟體是一件好事？

說來會寫這篇文章的動機，莫過於我遇到最奇妙的事是：你和你的朋友／對象明明在交友軟體上相遇，卻會彼此提醒「交友軟體是垃圾場，不要抱持太多期待」的這件事情了。於是於是，今天，我想在此，替交友軟體除去污名化！

#交友軟體 #心態 #性別

Vivian Yeh - 跨領域轉職的軟體工程師

【筆記軟體教學】如何打造架構式筆記？使用 HackMD 書本模式提高專案協作效率

HackMD 是一個協作共筆文件彈性很高的工具，但也因為彈性高，更需要學習系統性的管理方式。當瞭解 HackMD 的編寫邏輯，就能依照協作文件的性質，來進行不同的管理方式。

#HackMD #學習資源

Vicky Lin的沙龍

使用免費卷商軟體~頁簽

使用免費卷商軟體~"頁簽" 搭配技術分析~可以讓看盤更輕鬆 #目前較推薦”華南永昌證卷"的---可以存檔研究有頁簽的~凱基/國票/玉山--皆無法存檔使用方式:1.自訂-新增 2.選擇要的方式 3.如6格.按開啟指標設定就用大家習慣的方式囉也可以用來比較

方格子 vocus 官方沙龍

「天天秋嗨嗨」：vocus 秋季徵文，五大主題 & 獎品登場！

這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～

#天天秋嗨嗨 #秋季旅遊 #秋季穿搭

MimiVsJames的美股投資分享

11/20 NVDA財報前Preview, 財報前股價波動走勢觀察

11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從

#美股 #美股投資 #投資理財

維持皮膚健康與活力｜6款超人氣保濕、舒緩敏感化妝水評比

Hi 大家好，我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。曾經，我的保養程序簡單到只包括清潔和隨意上乳液

#保養 #產品 #分享

Vivian Yeh - 跨領域轉職的軟體工程師

網頁瀏覽器中可以使用的 storage：localStorage 跟 sessionStorage 是什麼？兩者差異為何

與 cookie 相比，localStorage 與 sessionStorage 的機制相對單純，兩者皆是瀏覽器中的儲存空間，與 cookie 最大的不同在於：localStorage 與 ⋯⋯

#網頁開發 #前端 #前端開發

Vivian Yeh - 跨領域轉職的軟體工程師

網頁瀏覽器中可以使用的 storage：什麼是 HTTP cookies？為什麼使用 cookies 會有資安風險？

在瀏覽器環境中有許多的儲存空間，想要查看這些空間的話，可以透過「chrome > Dev Tools > Application > Storage」即能進行查看。瀏覽器內存空間的差異不僅常常被拿來被當作面試考題，在實務開發中更扮演舉足輕重的角色，今天就想透過這系列的文章深度了解這些瀏覽器內存⋯

#JavaScript #前端 #前端開發

Kant Chan的沙龍

WordPress網頁設計：大品牌使用的考慮因素

這篇文章探討了WordPress在大品牌網站設計中的應用以及相關的背景和考慮因素。透過分析開源與品質、大品牌的需求、大品牌的案例以及安全性和維護等方面，提供了對於WordPress在大品牌中使用的觀點和見解。

#品牌 #網站 #案例

無限智慧學院的沙龍

三分鐘實作文字生成圖片網頁APP (使用LCM-LoRA-SDXL模型)

本文帶你三分鐘內跑通"文字生圖片"的網頁APP，使用最頂尖生成技術，LCM-Lora-SDXL模型，能夠在短時間內生成符合文字描述的高解析圖片。屬於免費開源模型(License Link)，請不要產生有害內容，進行合理的使用。

#文字生圖片 #LCMLoRA #Gradio

Digiworld的沙龍

【動態網頁製作效果】如何使用CSS和JavaScript增添互動元素

網站設計不再僅僅是靜態的展示，而是越來越多地引入動態網頁效果來提供更豐富和引人注目的使用者體驗。本文將解釋如何使用CSS轉換、過渡和動畫效果來創建動態網頁元素，並介紹一些常用的JavaScript庫和框架（如jQuery和GSAP）來實現更複雜的動態效果。

#動態網頁製作

哈佛XGoggle行為科學家的脫單指南-改善使用交友軟體的方法(一)

避免單憑單一的特點就假設對方的人設作者提出，很多時候他的客人看見某一種特質就會單憑這一點去判定他/她是不是合適的對象。例如，可能會因為過去的賤男前任是射手座，就會預設所有的射手座都是賤男，類似的前設還適用於其他特點例如職業、與趣等等。過去的經歷並不代表未來的他，作者鼓勵客人應以開放的態度去選

自癒是與生俱來的，只要透過練習，就可以享受健康美麗的人生喔！

如何在疫情自封中，使用“社交軟體+科學平衡+推拿按摩“等手技，來自助助人。

自己已是66歲的老人：也拿到區公所給予的老人交通卡。進入疫情三級後，自己只能，每週陪伴太太去市場，當買菜的挑夫，瞬間，感覺自己好像沒有什麼太大的用處。然四年前，因為母親90歲衰老與妻子帕症的照護，開始學習科學平衡+按摩調理後，沒想到可在自封中藉虛擬+實境，自助助人喔！

吳貳說的沙龍

為何使用交友軟體是一件好事？

說來會寫這篇文章的動機，莫過於我遇到最奇妙的事是：你和你的朋友／對象明明在交友軟體上相遇，卻會彼此提醒「交友軟體是垃圾場，不要抱持太多期待」的這件事情了。於是於是，今天，我想在此，替交友軟體除去污名化！

#交友軟體 #心態 #性別

Vivian Yeh - 跨領域轉職的軟體工程師

【筆記軟體教學】如何打造架構式筆記？使用 HackMD 書本模式提高專案協作效率

HackMD 是一個協作共筆文件彈性很高的工具，但也因為彈性高，更需要學習系統性的管理方式。當瞭解 HackMD 的編寫邏輯，就能依照協作文件的性質，來進行不同的管理方式。

#HackMD #學習資源

Vicky Lin的沙龍

使用免費卷商軟體~頁簽

使用免費卷商軟體~"頁簽" 搭配技術分析~可以讓看盤更輕鬆 #目前較推薦”華南永昌證卷"的---可以存檔研究有頁簽的~凱基/國票/玉山--皆無法存檔使用方式:1.自訂-新增 2.選擇要的方式 3.如6格.按開啟指標設定就用大家習慣的方式囉也可以用來比較