SIFR：いくらですか？

Question

初めてのポスターは、 "sifr3-r436"ビルドを使用しています。

私は私の会社のウェブサイトで仕事をしており、SIFR技術を採用する時期が来たと判断しました。これまでのところ、私は2つの質問を除いて、簡単に理解することができました。基本的に、私は答えたい2つの燃焼質問があります。

1）SIFRはどれくらい「ok」と見なされますか？私は見出しにSIFRしか使用していませんが、FAQ /ウォークスルーの推奨事項に従って、まだ私はSIFRに変換したいと思うかなりの量のテキストを持っています。使用しているSIFRの量（ロックウェルフォントの見出しとサブヘッド）については、the websiteをご覧ください。これはあまりにも多いですか？

2）SIFRでフォントの色を制御するにはどうすればよいですか？明らかに、私はあなたが 'sifr-config.js'ファイルの中にそれを設定できることを知っています。あなたが見ることができるように、今、私は別の操作を行うことができた唯一の方法を

sIFR.replace(rockwell, { 
selector: '.h3_sifr', css: '.sIFR-root { font-size: 18px; background-color: #a63f03; color: #bf7e04;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_green', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #597704;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_maroon', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #330000;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_blue', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #005995;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_cruise', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #016EA1;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_australia', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #277c5d;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_intl', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #1b2f15;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_us', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #32588b;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_hawaii', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #4a1e52;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_rail', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #304c2a;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_canada', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #0a2754;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_alaska', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #083c4b;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_sadc', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #630002;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_easternus', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #8b3100;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_lightgray', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #999999;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_medgray', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #666666;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_darkgray', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #333333;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_extended', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #175700;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 
sIFR.replace(rockwell, { 
selector: '.h3_sifr_orange', css: '.sIFR-root { font-size: 18px; background-color: #FFFFFF; color: #a63f03;}', forceSingleLine: true, wmode: 'transparent', tuneHeight: -5, 
}); 

：しかし、私は私が使用したい、多くの異なる色の見出しを持っている..私は現在、それをこのようにやっています色はそれぞれの色ごとに別々の置換ステートメントを使用します。 「インライン」（つまり、<span class="h3_sifr" style="color:#123456></span>）の色を変更しようとしましたが、これは機能しません。任意のヒント？

Answer 1

私はあなたがあまりにも多くのsIFRを使用していると思います。メインヘッダーだけに制限し、リンクを置き換えないでください。

CSSの問題はちょっとしたピクルスですが、簡単な答えはありません。ただし、他の共有プロパティをrockwellオブジェクトにコピーすることができます。したがって、それらを繰り返す必要はありません。

また、透明度の使用を控えるようにしてください。forceSingleLineを使用する必要はありません。