⎝(^•ω•^)⎠★康喵
@pkkart
Thu, Jul 29, 2021 2:57 AM
Thu, Jul 29, 2021 9:42 AM
5
4
[已解決] 決定求助噗浪的大家
我Twitch的聊天室 想改成黑體字
但是一旦開啟自訂語法 儲存後 太長的名稱就會變成...
https://images.plurk.com/4kr6QTht8G3HR72l0qNJzS.png
我是使用 streamlabs 的 Chat Box

感覺是streamlabs的問題
阿然後改obs的聊天室瀏覽器寬度 可以解決...的問題但它就會變得太大 縮小會變字太小
改字大小 ...又會出來了

我在菜包這噗有試過一些方式但無法解決
@vegbao - 做了一個方便 Vtuber 使用的語法和工具教學筆記網站，未來內容應該還會緩慢新增。...
掰噗~
@baipu
覺得
Thu, Jul 29, 2021 2:57 AM
那ㄝ阿捏!? (p-doh)
機器狼🎂14歲生日！
@KMN_BOT
說
Thu, Jul 29, 2021 2:57 AM
機器狼真的... 不知道汪... (☍ω⁰。)
機器狼🎂14歲生日！
@KMN_BOT
說
Thu, Jul 29, 2021 2:57 AM
OK的汪！就交給機器狼吧 (<ゝω・)☆
⎝(^•ω•^)⎠★康喵
@pkkart
Thu, Jul 29, 2021 2:59 AM
我個人認為可能跟這幾個有關 沒什麼程式基礎 瞎猜
男丁格爾's 脫殼玩
01.white-space: 空白與換行處理 - sheauren的HTML/CSS記錄
如何使用CSS的「text-overflow: ellipsis;」屬性限制內容字數？ - Astral...
⎝(^•ω•^)⎠★康喵
@pkkart
Thu, Jul 29, 2021 3:04 AM
Thu, Jul 29, 2021 3:05 AM
阿然後我發現我開自訂語法後
https://images.plurk.com/uzyDi62oBRFBplIxi5M5Y.png
就會變這樣!! (名稱太長就會變...)

沒開自訂語法時是這樣
https://images.plurk.com/1ziGlBwbEa6toywmvLJr9M.png
就是名稱都會完整好好地顯示 句子到下一行會接在名稱的下方 不是都擠在右邊
⎝(^•ω•^)⎠★康喵
@pkkart
Thu, Jul 29, 2021 3:07 AM
雖然繼續用原本的字體也沒差啦 可以用就好
就是 好想知道要怎麼解決喔
⎝(^•ω•^)⎠★康喵
@pkkart
Thu, Jul 29, 2021 3:07 AM
就是這樣
⎝(^•ω•^)⎠★康喵
@pkkart
Thu, Jul 29, 2021 3:09 AM
如果用別的平台可以解決也可以
缺牙=toothless
@toothless0103
Thu, Jul 29, 2021 6:45 AM
看起來跟這個問題很像？
Question / Help - How to increase Chat Box Canvas si...
缺牙=toothless
@toothless0103
Thu, Jul 29, 2021 6:47 AM
喔喔，這個看起來更像
Streamlabs OBS chat box not displaying full names
缺牙=toothless
@toothless0103
Thu, Jul 29, 2021 6:48 AM
1
裡面留言說把這個寫進去就有效了
CSS Chatbox Full Username
⎝(^•ω•^)⎠★康喵
@pkkart
Thu, Jul 29, 2021 7:03 AM
缺牙=toothless : 哦哦哦哦!!!!!!!!!!!!!!! 可以了!!!!!!!!!!!!! https://images.plurk.com/7FSAbk1o6GN7o4q0RNDwzG.png
你好神 我愛你!!!!!!!!!!!
⎝(^•ω•^)⎠★康喵
@pkkart
Thu, Jul 29, 2021 7:19 AM
https://images.plurk.com/6XTEQkb8DuD2w9dnfn76lJ.png
阿不過上面語法變成把字體固定大小了

@import url('https://fonts.googleapis.com/css2?famil...
我把它改成能在streamlabs裡調字體大小了
⎝(^•ω•^)⎠★康喵
@pkkart
Thu, Jul 29, 2021 7:32 AM
https://images.plurk.com/6Q2TuwpmGE1mZWrrPR8PS3.png

最後我再把 log .message的
word-wrap: break-word;
改成
word-break: break-all;
就不會中文跟英數分開了
⎝(^•ω•^)⎠★康喵
@pkkart
Thu, Jul 29, 2021 7:34 AM
最終語法提供給大家
@import url('https://fonts.googleapis.com/css2?famil...

感謝好多人的幫助
缺牙=toothless
@toothless0103
Thu, Jul 29, 2021 8:58 AM
不客氣，動動手指頭把關鍵字去餵食 Google 而已
⎝(^•ω•^)⎠★康喵
@pkkart
Thu, Jul 29, 2021 8:59 AM
缺牙=toothless : 我英文不好 英文資料就不太會查跟抓關鍵字
載入新的回覆