# フォント変更＋縁取りを付けたい

**URL:** <https://forum.onecomme.com/t/topic/902>\
**Category:** 質問\
**Created:** [2023 年 1 月 18 日午前 6:28 UTC](https://forum.onecomme.com/t/topic/902 "2023-01-18T06:28:18Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![TorimeritO](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/torimerito/32/877_2.png) [@TorimeritO](https://forum.onecomme.com/u/TorimeritO)\
**Post date:** [2023 年 1 月 18 日午前 6:28 UTC](https://forum.onecomme.com/t/topic/902/1 "2023-01-18T06:28:18Z")

</div>

## 対象

わんコメ

## 利用OS

Windows

## 利用バージョン: Windows、わんコメやOBSのバージョン

Windows: 11 Home  
わんコメ： 4.1.2  
OBS: 29.0.0

## 過去ログ確認 ([検索はこちらから](https://forum.onecomme.com/search))

した

## ドキュメント確認 ([公式サイト](https://onecomme.com/docs/faq/))

した

## 内容

使用テンプレート：basic-reverse  
使用フォント：F66筆ずいせん (ローカル内のフォントです)

上記テンプレートとフォントで縁取りを黒にしたいのですが  
カスタムCSSをどう設定すればよいのかわからず、お力をお借りできればと思います🥲

フォント変更については下記を参考にさせていただきました。

> **[テンプレートのフォントを変更する方法 | わんコメ - OneComme | 配信者のためのコメントアプリ](https://onecomme.com/docs/customize/templates-font)**
>
> テンプレートのフォントにGoogleフォントまたはローカルフォントを指定する方法

```auto
body { font-family: 'F66筆ずいせん', sans-serif; background-color:rgba(0,0,0,0); margin: 0px auto; overflow: hidden; }

/* テンプレカスタム ここから */
:root {
  --lcv-name-shadow-color: rgba(0, 0, 0, 1);
  --lcv-comment-shadow-color: rgba(0, 0, 0, 1);
  --lcv-comment-shadow: var(--lcv-comment-shadow-3);
  --lcv-paid-shadow: var(--lcv-comment-shadow-3);
}

.comment-enter-active,.comment-leave-active {
    transition: all var(--lcv-enter-duration) var(--lcv-enter-easing)
}

.comment-enter-from {
    transform: translateY(100%)!important
}

.comment-leave-to {
    transform: translateY(-100%)!important
}

.comment-move {
    transition: all var(--lcv-move-duration) var(--lcv-move-easing)!important
}

:root {
    --lcv-enter-duration: 200ms;
    --lcv-move-duration: 200ms;
    --one-sdk-includes: youtube twitch twitter
}

.avatar {
    display: block
}

.name {
    display: none
}

.avatar {
    min-width: 42px;
    width: 42px;
    height: 42px
}

:root {
    --lcv-badge-size: 1em
}

.comment-text,.name {
    font-size: 24px
}

.comment-text img {
    height: 1em;
    width: auto
}

.comment {
    margin-top: 0;
    margin-bottom: 0;
    padding: 8px;
    border-radius: 0
}

:root {
    --lcv-name-color: rgba(0, 0, 0, 1);
    --lcv-text-color: rgba(255,255,255,1);
    --lcv-background-color: rgba(255, 255, 255, 0);
    --lcv-name-shadow: var(--lcv-name-shadow-1);
    --lcv-name-shadow-color: rgba(255, 255, 255, 1);
    --lcv-comment-shadow: var(--lcv-comment-shadow-5);
    --lcv-comment-shadow-color: rgba(0,0,0,1)
}
/* テンプレカスタム ここまで */

```

 ![23.01.18](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/1X/ff8eda10d649516ed6f324ecefc334e74a6ad161.png)

---

<div class="post-metadata">

**Author:** ![ASTIE](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/astie/32/58_2.png) [@ASTIE](https://forum.onecomme.com/u/ASTIE)\
**Post date:** [2023 年 1 月 18 日午前 9:04 UTC](https://forum.onecomme.com/t/topic/902/2 "2023-01-18T09:04:11Z")

</div>

こんにちわん  
まずbasic-reverseですが、こちら昨年夏ごろで削除されたテンプレートのため現在のエディタではサポートしていません

古いテンプレートの場合、一部CSSなどが実装されていないことがあるため、まずbasicをベースにカスタマイズをお願いします  
basicでエディタを上下反転させることができるので同様のレイアウトが可能かと思います

よろしくお願い致します

---

<div class="post-metadata">

**Author:** ![TorimeritO](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/torimerito/32/877_2.png) [@TorimeritO](https://forum.onecomme.com/u/TorimeritO)\
**Post date:** [2023 年 1 月 18 日午前 9:51 UTC](https://forum.onecomme.com/t/topic/902/3 "2023-01-18T09:51:29Z")

</div>

削除済テンプレート…！  
更新情報の確認が漏れていたようです、ご指摘ありがとうございます。

basicに変更したところ、無事にCSSが適用されました。  
回答ありがとうございました！！

---

<div class="post-metadata">

**Author:** ![ASTIE](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/astie/32/58_2.png) [@ASTIE](https://forum.onecomme.com/u/ASTIE)\
**Post date:** [2023 年 1 月 18 日午後 3:01 UTC](https://forum.onecomme.com/t/topic/902/4 "2023-01-18T15:01:38Z")

</div>

クローズされました: 2023 年 1 月 18 日午後 3:01 UTC