Wierd появление шрифта в любом браузере

Имейте хорошего парня, я приложил 2 скриншота (из фотошопа и из Google Chrome) - что происходит с символами шрифта? Размер шрифта такой же, как в psd, я также сбросил css (Meyer Reset, еще до того, как он выглядел) - что, вероятно, может быть неправильным? Можете ли вы помочь мне сделать его похожим на Photoshop?Wierd появление шрифта в любом браузере

Заранее спасибо.

https://www.dropbox.com/s/zdg3k6a3rd49ygv/Desktop%2028-08-2013%2019-03-08-628.png https://www.dropbox.com/s/kszj0n1ql1jkfv7/Desktop%2028-08-2013%2019-03-15-829.png

вот код:

article { 
font-family: 'CaviarDreams', Arial, sans-serif; 
font-size: 17px; 
color: #ffffff; 
font-style: normal; 
}

и Meyer Reset: CSS-уловок точка ком/сниппеты/CSS/Meyer сброса/

источник

2013-08-28 Ralph Sandoval

Шрифт в веб-браузере никогда не будет выглядеть столь резким, как шрифт в Photoshop. Они выполняются по-разному. Что касается внешнего вида (расстояния и т. Д.), Вам нужно будет опубликовать хотя бы код, который вы пытаетесь использовать, иначе мы не сможем помочь. –

Все безумные причудливые эффекты, которые вы даете вашему тексту в Photoshop, не могут быть воспроизведены с помощью css, вы можете сделать его несколько схожим, добавив тонкую текстовую тень, но все же он не будет корректно работать в IE. –

Я не использовал никаких эффектов, просто обычный шрифт и цвет #ffffff. –

Какой размер является шрифт, когда вы проверяете его в PSD, и какой размер вы используете для шрифта, когда вы входите в браузер.

Шрифт в Photoshop, возможно, был нарисован с помощью сглаживания и других эффектов сглаживания. На самом деле нет никакого способа контролировать это как веб-разработчика во всех браузерах.

Chrome имеет тег CS3, который вы можете попробовать

-webkit-font-smoothing: antialiased;

источник

2013-08-28 15:32:56

Я просто понял, что эта проблема возникает только в Opera и Chrome, IE рендеринга отлично, но строка сглаживания webkit-шрифта не помогает - уже пробовала. –

Я понимаю, что символы шрифта выглядят не так гладко, как в Photoshop, но когда текст явно выглядит странным и любопытным, он ненормален. Что здесь может быть неправильно? –

Вы использовали инструменты Font Squirrel для генерации шрифтовых CSS-определений, которые можно найти по адресу http://www.fontsquirrel.com/tools/webfont-generator –

Wierd появление шрифта в любом браузере

ответ

Смежные вопросы