占いツクールのCSSの知識をお持ちの方
占いツクール CSS 質問更新: 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;
}
になります。
出来るだけ早く回答を頂きたいです。
毎度毎度申し訳ございません。
宜しくお願い致します。
占いツクールのデフォルトにある明朝体にするのであれば、
@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:MS P明朝,serif !important;
}
に変えます。
ちなみに占ツクではwebフォントの
format(woff)
を消さないと反映されなくなったようです。
花宮 夢@別垢に移転しました
2016/11/19 10:56:27 違反報告 リンク
- ログイン
- 投稿ランキング
-
1.
みんなはどうやってストレス発散してますか❔ by.如 月 琥 珀 @ ダイエット中
2024/04/29 10:01:04 -
2.
理科 実験用具の正しい知識(?)について by.音湖(ねこ)
2024/04/29 6:32:06 -
3.
著作権 by.透
2024/04/29 11:00:03 -
4.
スマホで読んでいるのに何故パソコン画面になるのか by.猫ちゃ 低浮上すぎの馬鹿
2024/04/28 20:54:00 -
5.
英単語 by.Rinoko
2024/04/28 11:58:07 - もっとみる