Шрифт выглядит по-разному в разных браузерах

Question

Шрифт выглядит по-разному в разных браузерах. Как исправить? Шрифт в FireFox , Шрифт в IE

Я не вижу никакой разницы. Я пытался иметь отдельную таблицу стилей

<!--[if gt IE 6]>
<link rel="stylesheet" type="text/css" media="screen" href="css/fontsie.css">
<![endif]-->

. Я также связал <link rel="stylesheet" type="text/css" href="fonts.googleapis.com/css?family=sans-serif">;. Вот мой код http://jsfiddle.net/priyaa2002/FfFwe/5

Answer 1

Ну, очевидно, они не тот же шрифт. Скорее всего, вы используете шрифт, который доступен в Firefox, но недоступен в IE. Можете ли вы дать нам какие-нибудь подсказки, например, как выглядит HTML?

Кроме того, проверьте настройки шрифта по умолчанию в обоих браузерах. Один Firefox выглядит как специальный шрифт (выше и легче, чем, скажем, Times Roman), а другой шрифт - шрифт с едва засеченным шрифтом (вроде sans serif с некоторыми штрихами), такой как Ultima.

Обновление

Хорошо, я понял. Ваш font-family является

font-family:Verdana, Geneva, sans-serif;

Ваш IE не имеет ни Верданы, ни Женевы (я думаю, что ваш firefox получает Женеву) и поэтому по умолчанию равен sans-serif. Если вы действительно хотите, чтобы все они выглядели одинаково, рассмотрите возможность связать шрифты Google, чтобы ваша страница загружала шрифты для вас из сети Google.

Я просто поиграл с этим

font-family:Verdana, Geneva, Times, sans-serif;

и выглядит лучше.

Answer 2

Шрифты всегда будут отображаться немного по-разному в разных браузерах, нет способа обойти это, если вы не используете изображения или решение javascript.Одним из популярных решений является typeface.js.

Я бы порекомендовал почитать на гарнитуре и изучить другие решения и попробовать.

Ссылка на typeface.js: http://typeface.neocracy.org/

Удачи!

Матти