解決済
Symbolフォント(©や®など)をうまく表示できません。どのように対応したらよろしいでしょうか。
©や®の文字を使って記事を書きたいと思っていますが困っています。記事の文章中ではうまく®の文字が出てきますが、ブログのタイトルと記事のタイトルにはうまく表示できません。
具体的には、記事では「livedoor®knowledge」と表示できるのに、ブログタイトルと記事タイトルでは、「livedoor®knowledge」となってしまうのです。
また、®文字を右下に小さめに表示したいのですが、タイトル中、あるいは記事中の特定の1文字のみを小さくしたり、直前の単語の右下に添えたりすることは可能でしょうか。
なども参考にしましたが、よく分かりませんでした。
どなたか、ナレッジをご提供ください。
どうぞよろしくお願いいたします。
回答(2)
2.

#6のスクリプトは、h3タグでtitleクラスが指定されている要素にのみ効きますが、ブログタイトルはh3タグではないので効きません。ブログタイトルでも効くようにスクリプトに追加しましたので、下記のものに置き換えて下さい。h1タグのblogtitleクラスでも効くようになります。
<SCRIPT type="text/javascript">
<!--
function pear_isClassName(pear_tagobj,pear_classname){
if(pear_tagobj.getAttribute("className")==pear_classname||pear_tagobj.getAttribute("class")==pear_classname)return true;
return false;
}
var pear_obs=document.getElementsByTagName("h3");
for(var pear_i=0;pear_i<pear_obs.length;pear_i++){
var pear_ob=pear_obs[pear_i];
if(pear_isClassName(pear_ob,"title")){
pear_ob.innerHTML=pear_ob.innerHTML.replace("amp;","");
}
}
pear_obs=document.getElementsByTagName("h1");
for(var pear_i=0;pear_i<pear_obs.length;pear_i++){
var pear_ob=pear_obs[pear_i];
if(pear_isClassName(pear_ob,"blogtitle")){
pear_ob.innerHTML=pear_ob.innerHTML.replace("amp;","");
}
}
//-->
</SCRIPT>
なお、私は中の人じゃないので、管理ページで化けるのは修正できません。
1.
ⓒでCでⓇの丸囲いが出ませんか?
頻繁につかうのであれば単独ではないでしょうから
画像にすればそのままでると思いますが。
コメント(10)
タイトル部分だと「&」がエスケープされるので、難しいのではないでしょうか。JSで変換しちゃう手はあるとは思いますが・・・。
記事本文中で、ただ右下に出すだけなら、
A<sub>1</sub>
とかすると、Aの右下に1が表示されます。
A<sup>2</sup>
だと右上になります。これらも、タイトルでは効かないと思います。
>>1 よく質問を読んでませんでした。
オニキスさんのおっしゃる通りです。
回答が気になって戻ってきました。
CSSでタイトル表示のフォント設定
また、誤回答をすると失礼なので調べてみます。
>>1.
<h1 class="blogtitle">ここを変えたsans-serif<a href="<$BlogUrl$>" accesskey="1">これを消した<$BlogTitle ESCAPE$></a></h1>
<div class="description"><$BlogDescription$></div>
</div>
これでタイトルに文字は入れられましたがやはりエスケープが効いてしまいます。
<div class="titlebody"><h3 class="title">ここを消した<$ArticleTitle ESCAPE$><IfArticleRating><$ArticleRatingIcon$></IfArticleRating></h3></div>
でもエスケープが効いてしまいます。ギブアップです。ごめんなさい。
★オニキス☆さん、駆けるメタボさん、
早速のご返信をいただきまして、ありがとうございます。
★オニキス☆さんのご指摘に従い、記事中の添字はうまく対応をすることができました、ありがとうございました。
また、懸案のSymbolフォントのタイトル部分への記述は、ご助言によりなかなか難しいことも分かってきました。
駆けるメタボさん、エスケープの解除を試みていただいたのですよね、ありがとうございます。
ところで、★オニキス☆さんの文中に「JSで変換する手」とは、どのような対応なのでしょうか。
試してみたいので、大変恐縮ですが、もう少し情報をいただけませんでしょうか、どうぞよろしくお願いいたします。
本件、他社商標の利用許諾を得てタイトルにその表現を活用しようとしていますので、なんとかうまく対応できればというのが質問の背景なのです。
見た目は悪いのですが、とりあえず半角ベタ打ちの(R)で対応しています。
>>#5
んじゃ、プログラム書きます。
カスタマイズ/管理→デザインの設定→カスタマイズ→トップページ/etc...で、</body>の後に以下のコードを貼り付けて再構築してみて下さい。h3タグでtitleクラスな箇所の内容で「&」が制御文字として解釈されるようになる、、、かもしれません。
<SCRIPT type="text/javascript">
<!--
function pear_isClassName(pear_tagobj,pear_classname){
if(pear_tagobj.getAttribute("className")==pear_classname||pear_tagobj.getAttribute("class")==pear_classname)return true;
return false;
}
var pear_obs=document.getElementsByTagName("h3");
for(var pear_i=0;pear_i<pear_obs.length;pear_i++){
var pear_ob=pear_obs[pear_i];
if(pear_isClassName(pear_ob,"title")){
pear_ob.innerHTML=pear_ob.innerHTML.replace("amp;","");
}
}
//-->
</SCRIPT>
★オニキス☆さん、
プログラムの記述、どうもありがとうございました。
お手数をお掛けしまして、申し訳ありませんでした。
先ほど早速試してみたのですが…、やはり&がエスケープされたままで、コードがそのまま表れる状態で変わりませんでした。
折角、詳細に記述いただいたのに。。。
う~ん、やはり、難しそうですね。
★オニキス☆さん、
ありがとうございます。
アドレスは、http://www/.○○○/です。
ただ、こちらは稼動中ですので、別途、以下のブログでテストしてみました。
http://blog.livedoor.jp/○○○/
ところで、ただ今分かったのですが、ブログのタイトルはうまくいっていないのですが、記事のタイトルにはSymbolフォントが反映されるようになりました!素晴らしい!
ブログタイトルは、管理ページトップの「このブログについて」の「タイトル:」のところで既に文字化けしているので、ここを直さなければ反映されないのかとも思っていますが、影響があるのでしょうか。
もしそうだとすると、個別ブログの修正範囲の話ではなくなるのではないかと…。
どうぞよろしくお願いいたします。
★オニキス☆さん、
お陰さまで、私の2つの疑問、解決しました。
このたびは、いろいろとご助言をくださいまして、本当にありがとうございます。
仲間と共に大変感謝しております。
★オニキス☆さんのご対応に感激しました。
