ryter
-
Posts
233 -
Joined
-
Last visited
-
Days Won
3
Content Type
Profiles
Forums
Calendar
Store
Posts posted by ryter
-
-
-
Здравствуйте, уважаемые коллеги!
Дизайнер в макете использовал не совсем стандартный шрифт - "Myriad Pro", и у меня с ним возникли проблемы такого характера:
У меня в системе он был установлен по умолчанию, мне не пришлось ничего ставить;
В фотошопе если у шрифта стоит толщина regular и none, то буквы совсем тоненькие (см. скриншот)
В css-свойствах шрифта для браузера я могу только первый параметр указать (font-weight:normal), и при этом в браузере шрифт выглядит толстым. Если ставить font-weight:bold, он тогда вообще нереально жирным становится.
Я поэкспериментировал, и заметил, что в браузере тот шрифт, который для "Myriad Pro" называется font-weight:normal соответсвует шрифту "Myriad Pro" в фотошопе с параметрами толщины "regular" + "Strong"
Причем это характерно только для этого шрифта "Myriad Pro", для Arial например такого нет (font-weight:normal для Arial соответсвует "regular"+"none", как и должно быть)
Подскажите,как мне добиться от этого шрифта нормальной, самой тонкой толщины (которая в фотошопе соответсвует "regular"+"none")? И еще, для общего развития, как мне добиться, чтобы в браузере шрифт выглядел так же, как в фотошопе при толщине regular + strong ? Спасибо.
Myriad Pro а точно в диалоговом окне показывает этот шрифт ?
-
Что-то тема сильно в сторону вильнула от верстки к серверным технологиям...
к серверным технологиям еще не пришли, разговор идет о каких то мифических вещах, непонятных простым смертным.
-
ставь виртуалки с разными версиями ие и никаких проблем не будет)
-
пожалуй самое грустное это http://caniuse.com/#feat=flexbox. а так вполне можно юзать http://bennettfeely.com/flexplorer/ http://www.html5rocks.com/en/tutorials/flexbox/quick/
-
-
-
на крайний случай можно воспользоватся вот этой технологией http://phonegap.com/ Чтобы быстро сделать приложение (html css js).
-
1
-
-
-
http://validator.w3.org/ очень полезный сайт не раз меня выручал в непонятных ситуациях. И да не верьте людям которые говорят что код может быть не валидным.
-
vertical-align: top;
-
-
Можно както установить firebug на firefox под убунтой? или придется пользоваться встроенным инспектором от хрома
чем вас не устраивает встроенный инспектор в хроме ? Он лучший для разработки, поинтереснее чем firebag.
-
мое мнение чисто верстальщик html+css практически не кому не нужен, а уже html+css+js повышает планку зарплаты в 2+ раза
-
зря вы скрины выкладываете без разрешения.
-
<!doctype html><html lang="en-US"><head><meta charset="UTF-8"><title></title></head><body></body></html>юзайте и не парьтесь)
-
-
вроде не ломается при маленьком разрешении) и ничего под футер не уходит -
интересно сколько вы за это заплатили ?
-
думаю проблема на вашей стороне
-
Galaxy мда, похоже на то((
какая проблема ставь локально сервер и вставляй инклюдами, всегда так делаю, если клиенту нужно чисто html можно юзать grunt который потом будет собирать html из php файлов
-
1
-
-
думаю хватило бы img {vertical-align: top;}
-
шось не понимаю, строчки<script type="text/javascript" src="js/jquery.easing-sooper.js"></script><script type="text/javascript" src="js/jquery.sooperfish.js"></script><script type="text/javascript"> $(document).ready(function() { $('ul.sf-menu').sooperfish(); }); </script>добавил между <head></head>
а как понять
повесить на выпадающий блок .sf-menuааа ) чувствую решение близко но дойти до конца без вашего четкого руководства увы, не смогу
class добавить .sf-menu
-
Я тоже против халявы но я студент и только учусь верстать, использовать буду в учебных целях, буду рад если кто-нибудь вышлет в ЛС.
Нашел интересный макет, а там этот шрифт
ищите бесплатный шрифт
Критика, критика и ещё раз критика!
in Discussion of works
Posted · Edited by ryter
http://i.imgur.com/DLCdQlX.png?1
иконки в спрайты, фильтры для ие предпочитаю не юзать, для ie9(svg base64), на теги header и footer лучьше вешать классы так как эти теги можно юзать везде чтоб не пересекатся.
чтоб небыло пространства под inline-block прописывайте этим блокам vertical-align: top;