1

作成中のサイトで Twitter、Facebook、RSS を表すためにいくつかのフォント アイコンを使用していますが、見栄えがします。それらはホバー時に適切な色に変化し、アクティブでフォーカスされている場合は、Firefox と Opera で見栄えがします。

私の問題は、Mac 上の Safari と Chrome にあります (したがって、webkit を想定しています)。カーソルを合わせると、1 つまたは 2 つのアイコンの端に沿ってわずかに白い部分が見えるだけです。

リンク/訪問済みの色を緑に変更してみましたが、ホバーすると緑が少し見えるので、それがデフォルトの色であることがわかります。

フッターの左側にあるアイコンをご覧ください: http://tempertemper.net/index2

ここに私が取ったいくつかのスクリーングラブがあります:

ここに画像の説明を入力

Twitter の鳥は背景に対して見栄えがよくありませんが、まだ微調整が必​​要です。くちばしの周りを白くするだけです。Facebook のロゴは上下に表示され、RSS 記号は左端と下端に表示されます。

ご覧いただきありがとうございます。

マーティン。

4

3 に答える 3

4

Univers フォントを使用した Mac 上の Webkit で同じ問題が発生しました。

フォントサイズ属性にハーフピクセルを設定して解決しました：font-size: 18.5px

于 2012-11-09T15:41:48.390 に答える
1

フォントを作成した担当者に連絡したところ、@font-face リクエストの順序を変更して、svg が woff と ttf の上になるように提案され、改善されました。次に、フォント サイズを調整して 4.15em に落ち着きました。これは、Safari または Chrome for Mac で白い縁が表示されませんでした。4.1、4.2、4.3、4.4 など、すべてわずかに白い線が表示されました。

それで治りましたが原因がわかりません！

ご覧いただきありがとうございます。いくつかのフォントサイズを除いて、なぜそれが起こったのかを知っている人がいれば、知りたいです:)

于 2012-08-18T20:41:49.390 に答える
0

Add this to anchor style:

.social a:link, .social a:visited {
    color: white;
    border-bottom: none;
    text-decoration: none;
}
于 2012-08-17T13:49:18.930 に答える