Valery Subbotin

Помогите найти причину

Recommended Posts

Здравствуйте, подскажите, пожалуйста, в чем может быть проблема: при вертске, блоки текста имеют совсем иные переносы нежели на макете.
Шрифт, насыщенность(font-weight), размер - все как на макете, но что-то, видимо, все равно не так.

image.png

image.png

Share this post


Link to post
Share on other sites
5 часов назад, Valery Subbotin сказал:

но что-то, видимо, все равно не так.

Смотрите letter-spacing, line-height, возможно нужно поиграть с word-spacing.
Так же есть вариант того, что дизайнер промахнулся с размерами, и некоторые слова выходят за границы сетки 🙂

Share this post


Link to post
Share on other sites
7 часов назад, AlexZaw сказал:

Смотрите letter-spacing, line-height, возможно нужно поиграть с word-spacing.
Так же есть вариант того, что дизайнер промахнулся с размерами, и некоторые слова выходят за границы сетки 🙂

Спасибо, разобрался.

Share this post


Link to post
Share on other sites
1 час назад, npofopr сказал:

в Фотошопе можно прямо css же скопировать

Вы про Zeplin? Так он тоже 100% точности не дает. Особенно если какой-то "одаренный" дизайнер перетаскивал слова с место на место, ну или просто промахнулся с сеткой. Да и сам фотошоп может написать что вес шрифта 400, хотя на макете четко видно что шрифт жирный/полужирный.

Share this post


Link to post
Share on other sites
10 минут назад, AlexZaw сказал:

Вы про Zeplin? Так он тоже 100% точности не дает. Особенно если какой-то "одаренный" дизайнер перетаскивал слова с место на место, ну или просто промахнулся с сеткой. Да и сам фотошоп может написать что вес шрифта 400, хотя на макете четко видно что шрифт жирный/полужирный.

Я про Фотошоп) В последних версиях есть возможность копирования css. 
Очень помогает "вытащить" тени, те же размеры шрифтов, line-height и т.п.

Перетаскивания шрифта никак не затронут его размеры. 

А про 400 и визуально, первый раз вижу) Больше похоже на "особенность" самого шрифта, что он так выглядит. Но и не отрицаю, что такое возможно) 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By dron
      Всем привет. Никак не получается сверстать нормальную Pricing Table на Uikit 3. Я только вникаю в тему, поэтому, может еще не догоняю.
      Пробую сделать на uk-flex + uk-table. Постоянно какие-то косяки то с адаптивностью, то с шириной, то с высотой колонок...
      <div class="uk-flex uk-flex-center"> <div class="uk-card uk-card-default"> <table class="uk-table uk-table-divider bg1"> <thead> <tr> <th>Тестовая таблица 1</th> </tr> </thead> <tbody> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 2 пошире</td> </tr> <tr> <td>Поле 3 еще шире чем поле 1 и 2</td> </tr> <tr> <td>Тестируем поле 4, которое воообще широкое</td> </tr> <tr> <th>100008 руб</th> </tr> </tbody> </table> </div> <div class="uk-card uk-card-default uk-margin-left"> <table class="uk-table uk-table-divider bg1"> <thead> <tr> <th>Тестовая таблица 2, таблица 2, таблица 3</th> </tr> </thead> <tbody> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 2</td> </tr> <tr> <td>Поле 3</td> </tr> <tr> <td>Поле 4</td> </tr> <tr> <td>А тут есть еще поле 4</td> </tr> <tr> <td>А еще поле 6, которое шире других</td> </tr> <tr> <th>12 000 ₽</th> </tr> </tbody> </table> </div> <div class="uk-card uk-card-default uk-margin-left"> <table class="uk-table uk-table-divider bg1"> <thead> <tr> <th>А тут таблица номер 3</th> </tr> </thead> <tbody> <tr> <td>Поле 1</td> </tr> <tr> <td>Широкое поле 2 из таблицы 3</td> </tr> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 1</td> </tr> <tr> <th>9 000 ₽</th> </tr> </tbody> </table> </div> </div>
      И как на зло не могу ничего найти подходящего уже готового. Ни в шаблонах на Uikit, ни в документации... Кто-то верстал Pricing Table на Uikit 3? Можете помочь, показать свой код?

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

    • By victorius
      при ширине экрана @media(max-width:768px) в самый низ страницы верстки есть слайдер внутри него есть контент с картинкой хочу поместить картинку за границы слайда сверху но картинка обрезается. как сделать чтобы было видно
      ссылка на верстку  http://frontend-er.h1n.ru/asia-spa/
       

  • Member Statistics

    46,602
    Total Members
    3,128
    Most Online
    TogelOnline77
    Newest Member
    TogelOnline77
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.