覺得這個字體很可愛!所以就做了 可能會有瀏覽器不相容的問題,因為我不太會用T_T,我是使用chrome 如果有不喜歡的地方就改吧 @import url('https://fonts.googleapis.com/css2?family=DotGothic16&family=Noto+Sans+TC&family=Noto+Serif+TC&family=Orbit&display=swap'); .option-btn,.nametag,.content-btn{ opacity:.9; box-shadow: 0 0 10px 0 #fff; background:rgba(255,255,255,0.35); border: 2px solid transparent; /*border-width*/ border-image: url(https://i.imgur.com/l6DRxRQ.png) 10 round; background-image:linear-gradient(to top, white, white); background-repeat:no-repeat; background-size:100% 100%; padding:0; color: #000; margin-top:5px; font-weight:600; font-family: 'DotGothic16', sans-serif; box-shadow:1px 2px 0 0 #666; border-radius:0px; text-shadow:none; } .option-btn:hover,.content-btn:hover{ background:transparent; background-image:linear-gradient(to top, red, red); background-repeat:no-repeat; background-size:100% 100%; } .nametag{height:2em; line-height:2em;} #game-functions{ background:rgba(255,255,255,0.8);} #story,.fulltell{ font-family: 'DotGothic16', sans-serif ; font-weight:400; }
|