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

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

更新:

占いツクールで今、注目されている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;


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

揺樹


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



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

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

@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;
}

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


音霧想
違反報告 リンク