Друзья!
Могли бы вы мне рассказать — какие свойства можно задавать в css шрифтам?
Можно ли кернить? Можно ли интерлиньяж задавать стокам? Можно ли безболезненно подключать сторонние шрифты, которых нет в системе? Можно ли сглаживать по-аналогии с Фотошопом или Операционной системой?

Tagged with →  

47 Responses to Свойства шрифтов в css

  1. UpaFcuk:

    это по поводу, какие свойства есть.

  2. Xuagreen:

    Всё есть, но кернинг не трогай — пиздец случится. Со сглаживанием тоже большие проблемы и лучше не трогать.

  3. Ylfer:

    > Можно ли кернить?.class{letter-spacing:1em} — только общее значение в пределах элемента

    > Можно ли интерлиньяж задавать стокам? .class{line-height:1.6em}

    > Можно ли безболезненно подключать сторонние шрифты, которых нет в системе?

    http://www.google.com/webfonts — бесплатные шрифты для веба, есть и платные

    > Можно ли сглаживать по–аналогии с Фотошопом или Операционной системой?

    нет. забудь об этом

  4. Ylfer:

    парсер лох

  5. TniDead:

    Спасибо!

    Ребятки, чтобы не создавать новый пост — можно я тут еще по верстке поспрашиваю?

    У меня тут пара вопросов еще есть:

    1. Возможно ли относительно быстро достичь высокого уровня верстки, или же это ремесло можно постигать бесконечно, как и дизайн, например?
    2. Может быть кто-то может посоветовать «идеальный» учебник?

  6. TniDead:

    а можно подключать не гуглофонт?

  7. UpaFcuk:

    1. Каждый макет это как небольшая головоломка. Сначала учишь язык, а потом просто быстрее начинаешь соображать и видеть рациональные решения, запоминаешь глюки браузеров. Думаю, после 30-40 макетов уже расти некуда будет практически.
    2. Все гуру тут учились по тем книгам, которые сейчас уже устарели. Потом просто продолжают следить за нововведениям языка.

  8. Ylfer:

    да, это был пример библиотеки с большим количеством бесплатных шрифтов

  9. Ylfer:

    1. Я видел людей, которые сделали больше 40 макетов и продолжают верстать так, как будто делают во второй-третий-четвёртый раз;
    2. Блочная модель не устарела за последние 15 лет. Правильное понимание этого базового принципа — ключ к успеху.

  10. Ylfer:

    ну и по поводу некуда расти тоже не соглашусь — видимо, ты недостаточно глубоко познал дзен

  11. EnoSpb:

    Вот тут можно качать шрифты и подключить не гуглфонт http://www.myfonts.com/ Есть даже бесплатные шрифты. Ну и платные тоже есть. Для веба тебе надо выбирать Webfonts http://www.myfonts.com/search/is_webfont…:true/fonts/
    Прежде чем положить шрифт в корзину, смотри есть ли у него все нужные тебе глифы. Как ты наверно знаешь, есть шрифты которые русский не поддерживают. Поэтому проверяй. Например вот http://www.myfonts.com/fonts/marksimonso

    Так как вебформ кит содержит: EOT, web-only TTF, SVG and WOFF formatted fonts.
    То он даже работает в ИЕ5.

    Webfonts are supported by Firefox 3.5+, IE 5+, Opera 10+, Chrome 4+, Safari 3.1+, iOS Mobile Safari, Android 2.2+ and BlackBerry OS 6.

    А на сглаживании не заморачивайся. А то голова болеть будет. Оставь сглаживание браузерам и операционным системам. Это их хлеб если можно так сказать 🙂

  12. EnoSpb:

    Сперва посмотри вот тут http://www.w3schools.com/css/ Потом изучай как и чо делают другие и пробуй, пробуй. Вью — сурс твой лучший друг 🙂

  13. TniDead:

    вот, блин, меньше всего хочется вьюсорсить )

  14. TniDead:

    *всем, конечно же.

  15. TniDead:

    Ребята, все спасибо большое!

  16. X0bLt:

    тогда лучше меня профессию, это не твоё

  17. UpaFcuk:

    ну может быть. вопрос философский. да и макет может быть сложный, рассчитаный под анимацию, кого угодно поставит в тупик.

  18. TniDead:

    так я не верстальщик )) я просто хочу немного глубже понимать эту область.

  19. Xuagreen:

    вот только не надо эту хуйню рекомендовать.

  20. Xuagreen:

    1. Да.
    2. w3.org.

  21. EnoSpb:

    Ну может и хуйня, но w3 для неокрепшей головы — это оверкилл. Сперва можно какие-то азы в более простой форме получить. А дальше уже браться за хардкорные источники. Такие солидные мануалы могут желание изучать отбить.

  22. Xuagreen:

    окай, но в3скулз — это пиздец и рекомендовать не надо.

  23. Ylfer:

    вот это и значит «по–аналогии с Фотошопом». Посмотри настройки сглаживания в этой программе и убедись сам.

  24. Xuagreen:

    занудствуешь?

  25. CavRain:

    2. Мне книжки дэвида макфарланда нравятся.

  26. REter:

    чо это вдруг кернинг не трогай? letter-spacing вполне себе работает, если крутить его в пределах долей пиксела.

  27. REter:

    Тем не менее, без вьюсорсенья никуда. Как только научишься это делать и оно станет понемногу нравиться, можно нпонемножку начинать файрбажить.

  28. REter:

    w3schools — отличный словарь по тегаи и их свойствам.
    А учиться верстке лучше по учебнику Сагалаева, конечно.

  29. Kihodin:

    Попробуй его хоть с чем-то кроме Ариала-тахомы поприменять.

  30. X0bLt:

    кстати, вьюсорц отлично заменяет фаербаг (местами)

  31. Xuagreen:

    попробуй на разных шрифтах в разных браузерах — будешь долго охуевать.

  32. Xuagreen:

    w3scools скодержит в себе кучу пиздежа и это не раз обсасывалось.

  33. REter:

    : пробовал, результаты приемлемые. Злоупотреблять, естественно, не стоит, но в ряде случаев все получается вполне нормально и предсказуемо.

  34. REter:

    для этого есть другие источники. Хотя я не знаю, как вы пытались читать w3schools.
    Я на него обычно попадаю из гугла чере запрос типа «имя_тэга attributes» или «css_свойство», и на увиденных страницах пиздежа не встречал. Хороший справочник, ничего более. А если вы пытаетесь пользоваться словарем, как учебником, то это проблема не словаря.

  35. Kkebad:

    htmlbook.ru как справочник новикам очень ок, а w3schools плохому научит, это правильно.

  36. Xuagreen:

    если в конкретном случае результат устраивает — жорошо! Но лучше знать, что внутри куча подводных камней. Предупреждён — значит вооружён (:

  37. Xuagreen:

    http://w3fools.com/

    Хуёвый справочник. Я пользуюсь MDN, MSDN и dev.opera.

  38. Ylfer:

    а чем он плох? я мельком глянул и не понял

  39. Xuagreen:

    ну вот глянь не мельком.

  40. Abmer:

    если спейсинг между символами = 2 их ширины — прекрасная разрядка получается на любой системной гарнитуре. Десятые/сотые доли em точно лучше не трогать

  41. SbVelo:

    http://www.fontsquirrel.com — неплохой сайт, есть и русские шрифты. Сразу и код для css тебе сделает и все объяснит, куда и как вставить.

  42. Xuagreen:

    ну раз на то пошло, то две шырины и пробелами нахуячить можно (:

  43. Ylfer:

    издеваешься небось?

Добавить комментарий