# Stuccoでv9.1.1にした時FontAwesome5の一部のアイコンが･･･

**URL:** https://forums.concretecms.org/t/stucco-v9-1-1-fontawesome5/3971
**Category:** 日本語
**Created:** [September 12, 2022, 4:09am UTC](https://forums.concretecms.org/t/stucco-v9-1-1-fontawesome5/3971 "2022-09-12T04:09:00Z")
**Posts on this page:** 1
**Showing post:** 11

<div class="post-metadata">

### Author: ![Jun1chi](https://forums.concretecms.org/user_avatar/forums.concretecms.org/jun1chi/32/4835_2.png) [@Jun1chi](https://forums.concretecms.org/u/Jun1chi)
#### Post date: [October 2, 2022, 5:43am UTC](https://forums.concretecms.org/t/stucco-v9-1-1-fontawesome5/3971/11 "2022-10-02T05:43:54Z")

</div>

> [@Jun1chi](#):
>
> **v9.1.1** で **Stucco** が使えた ➡ v9.1.2にバージョンアップ OK  
> **skin** （Akane,Sumizone,Hisui,Ruri,Tomekon）の **変更** もでき、 **背景色の変更** もできた。Ruri（Modified）
> 
> **v9** への残る **課題は２つ** （今のところ）  
> ・依然、 **FontAwesome５のアイコン文字が表示されない** 部分があるのは変わらず（一体何なんだろう。？ もっと・・・ **根本的** な事???）  
> ・予約フォームで、 **レイアウト崩れ** （選択プルダウンの時分欄）。  
> これはcssが当たっていないだけの様だけど、 **css名がわからない** 。

の課題２つの内の１つ Font Awesome ５アイコン表示については解決（後述）

残る課題は \*\*予約フォームで、レイアウト崩れ（選択プルダウンの時分欄）。

これはcssが当たっていないだけの様だけど、css名がわからない\*\*こと

```
-----------------------

```

Font Awesome ５アイコン表示については、共有したいのでお知らせします。

最大の問題だったのは、  
content: "\f0c9"の様に、＜i class=“ **fa-solid** fa-bars”\>と＜i class=“ **fa-regular** fa-bars”\>の様に、  
FreeでSolidとRegularの２つが用意されているのにかかわらず、  
この場合、Solidに合わせ、font-weight: 900;にしなければならなかったこと（400では表示されない）  
これが、アイコンの１部は表示されているのに部分的に表示されていなかったこと。

これについては、"\f0c9"の様に、  
１つづつ検索して、最初に表れるものがSolidなのかRegularなのかで、  
font-weight: 900;にするか、font-weight:400;にするか  
（結果論で最初に表示された方を選択することで解決）

* * *

つづいて、blockquoteで使っている、  
content: “\f10d”; とcontent: “\f10e”; については、  
共にfont-weight: 900;でなければアイコンが表示されないことが判明。

* * *

最後に残ったのが、  
image-slider.lessで使っている  
content: “\f32a”;（右 \>）とcontent: “\f32b”;（左 ＜）  
これら２つについては、  
先の検索ではヒットせず、代替文字を探すことになった。

\f32a ➡ **\f054** で＜i class=“fa-solid fa-chevron-right”\>  
\f32b ➡ **\f053** で＜i class=“fa-solid fa-chevron-left”\>

ーーーーーーーーー

もう一つ  
main.less と  
image-slider.less の最後にある  
.fa,.fas {  
font-family: “Font Awesome 5 Free” ;  
font-weight: 900; }

ここは、900でなければ、  
「ようこそ」のアイコンclass="fa fa-users fa-fw"や、  
カスタマイズした、  
＜i class=“fa fa-angle-double-down”\>目次に進む  
＜i class=“c\_lime fa fa-cog fa-spin fa-2x”\>⚙スピン、  
＜i class=“fa fa-arrow-up”\>Topに戻る、  
＜i class=“fa fa-angle-double-up”\>目次に戻る などが、表示されない

以上の結果になりました。

* * *

残り課題のフォームのレイアウト崩れが解消したら  
v9.1.2でStucco使用に問題がないことに  
なると思っています。

---

_[View the full topic](https://forums.concretecms.org/t/stucco-v9-1-1-fontawesome5/3971)._