占いツクールの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;
}
ここを消して反映されないようでしたら、申し訳ありませんが分からないです……
音霧想
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:MS P明朝,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
韓国語(?)が読める方へ(4)
2016/09/24 8:22:25 揺樹
これを日本語に訳して下さい。
- ログイン
- 投稿ランキング
-
1.
著作権 new by.透
2024/04/29 17:29:16 -
2.
みんなはどうやってストレス発散してますか❔ by.如 月 琥 珀 @ ダイエット中
2024/04/29 10:01:04 -
3.
理科 実験用具の正しい知識(?)について new by.音湖(ねこ)
2024/04/29 17:47:20 -
4.
中1理科 水溶液 new by.音湖(ねこ)
2024/04/29 17:53:23 -
5.
スマホで読んでいるのに何故パソコン画面になるのか by.猫ちゃ 低浮上すぎの馬鹿
2024/04/28 20:54:00 - もっとみる