占いツクールのCSSの知識をお持ちの方

占いツクール CSS 質問
今日:2 hit、昨日:3 hit、合計:3925 hit

更新： 2016/11/19 11:18:20

占いツクールで今、注目されているCSSの知識をお持ちの方への質問（？）です。
以下（【】は含まない）のCSSをこころ明朝ではなく、普通の小説風占いツクールでページデザインにある、明朝体にするには、どうしたらいいでしょう？

【自分でもそれなりにCSSを勉強し、色々と試行錯誤をしてきたのですが、なかなか自分が納得できるようなものができず、このような質問に至りました。】

@font-face
{
font-family:こころ明朝 ;
src: url(https://cdn.leafscape.be/kokoro/Kokoro_web.woff)
format(woff);
}
/*-------------------------------------------------
このフォントはIPAフォントライセンスv1.0の下で提供されています。
http://ipafont.ipa.go.jp/ipa_font_license_v1.html
オリジナルのフォントは以下から取得できます。
http://ipafont.ipa.go.jp/
-------------------------------------------------*/

*{
font-family:こころ明朝 !important;
}

div#container,div#content,
div#navigation{
background:transparent;border:0;
}

#container,#content,#navigation,
form#dr
{
background:rgba(255,255,255,0) !important;
border:none !important;
}
#topmenu,#wrapper
{
background:rgba(255,255,255,0.5) !important; border:none !important;
}

div#desc{
background-image:url(http://img.u.nosv.org/uploader/files/8/c/5/8c5c15757ebaf93a77ae4429dab03d36.jpg);background-repeat:no-repeat;background-size:cover;
background-position:top left;text-shadow:
1px 1px 2px #ffffff,
-1px -1px 2px #ffffff,
-1px 1px 2px #ffffff,
1px -1px 2px #ffffff;
height:500px;overflow:auto;
}
@media screen and (max-width:600px){
div#desc{height:345px;}
}

input[type=submit]{
background-image:url(http://img.u.nosv.org/uploader/files/0/9/0/090505cadff6a63f44931607d2724c1d.jpg);
background-size:cover;
background-position:center center;
color:#000000;
}

input[type=text]{
border:4px outset #e60033;
}

#resizer{
text-shadow:none;
opacity:0.2;
}
#resizer:hover{
opacity:1;
}

a:hover,a:active{
text-decoration:none;
}

#navigation h2{
background-color:#f0908d;
color:#000000;
}

.result h3{
color:#000000 !important;
background-color:#f0908d !important;
border:0 #!important;
}

a:link{
color:#19448e;
}
a:visited{
color:#c9171e;
}

body{
background-image:url(http://img.u.nosv.org/uploader/files/c/9/e/c9e19f0342a4c466e228674f0fd7c467.jpeg);
}

div#desc,#u_result{
letter-spacing:2px;
｝

になります。
出来るだけ早く回答を頂きたいです。
毎度毎度申し訳ございません。
宜しくお願い致します。

揺樹

回答 3

投稿を違反報告 / ブロック

うーん……何故か分からないんですが、私の場合ですが最近元からあるフォントが反映されなくてですね……
普通は選択すれば反映されるはずなんですが……。

まあ、以下の部分を消してみて、明朝を選択してみてください。

@font-face
{
font-family:こころ明朝 ;
src: url(https://cdn.leafscape.be/kokoro/Kokoro_web.woff)
format(woff);
}
/*-------------------------------------------------
このフォントはIPAフォントライセンスv1.0の下で提供されています。
http://ipafont.ipa.go.jp/ipa_font_license_v1.html
オリジナルのフォントは以下から取得できます。
http://ipafont.ipa.go.jp/
-------------------------------------------------*/

*{
font-family:こころ明朝 !important;
}

ここを消して反映されないようでしたら、申し訳ありませんが分からないです……

音霧想
2016/11/18 4:35:29 違反報告 リンク

占いツクールのデフォルトにある明朝体にするのであれば、

@font-face
{
font-family:こころ明朝 ;
src: url(https://cdn.leafscape.be/kokoro/Kokoro_web.woff)
format(woff);
}
/*-------------------------------------------------
このフォントはIPAフォントライセンスv1.0の下で提供されています。
http://ipafont.ipa.go.jp/ipa_font_license_v1.html
オリジナルのフォントは以下から取得できます。
http://ipafont.ipa.go.jp/
-------------------------------------------------*/

↑を削除して、


*{
font-family:こころ明朝 !important;
}

を

*{
font-family:ＭＳ Ｐ明朝,serif !important;
}

に変えます。



ちなみに占ツクではwebフォントの
format(woff)
を消さないと反映されなくなったようです。

花宮 夢@別垢に移転しました
2016/11/19 10:56:27 違反報告 リンク

音霧思@ホラーゲーム作成中様
ご回答、どうも有難う御座います。
そちら様のご回答にありました方法を、このCSSを作成して頂いた方に教えてもらい試したのですが、反映されませんでした。ですが、貴重なお時間を頂いて回答して頂きまして、誠に有難う御座います。

花宮 夢様
ご回答、どうも有難う御座います。
回答されました方法を、試した結果、見事に私が臨んだものに変わりました。誠に有難う御座います。

揺樹
2016/11/19 11:17:31 違反報告 リンク

コメントをするにはログインが必要です : ログイン

4 この画像の漫画？の題名を教えてください。
2017/02/12 2:33:28 揺樹

私的には、夏目友人帳だとは思うんですが、こんなシーンあったっけ？という状態で...

5 この画像のアニメ？の題名を教えてください。
2017/09/16 17:18:07 揺樹 1

私的には、夏目友人帳だとは思うんですが、こんなシーンあったっけ？という状態で...

4 韓国語（？）が読める方へ（４）
2016/09/24 8:22:25 揺樹

これを日本語に訳して下さい。

ランキング 回答待ちの質問 新着