Jump to content
  • 0

Замена платных шрифтов бесплатными


aaron
 Share

Question

Такой вопрос.

На сегодняшний день занимаюсь практикой верстки. И столкнулся с такой проблемой. На psd-макете подключаются нестандартные платные шрифты. На профи-макетах таких шрифтов немного, на любительских - часто и густо.

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

Если честно, уже поднадоело такое занятие.

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

Edited by aaron
Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

Когда читал "З. Джилленуотер - Сила CSS3. Освой новейший стандарт веб-разработок (Библиотека специалиста) - 2012".

Делал конспект. Выписал сервисы связанные со шрифтами:

- ­ The League of Moveable Type (http://www.theleagueofmoveabletype.com)

- Вики (http://webfonts.info/wiki/index.php?title=Fonts_available_for_%40font-face_embedding

- Еще (http://www.fontsquirrel.com)

- Гугл (http://code.google.c...y/source/browse)

- Некоторые ((http://www.kernest.com)

- Еще (http://www.josbuivenga.demon.nl)

- Еще (http://fontfabric.com)

- Fonthead (http://www.fonthead.com)

- FontSpring (http://www.fontspring.com/fontface) – продажа шрифтов

- Магазин шрифтов (http://www.fontshop....n/web_fontfonts)

- Typekit (http://typekit.com)

- Fontdeck (http://fontdeck.com)

- Kernest (http://www.kernest.com)

- Web Fonts от Ascender (http://www.ascenderfonts.com/webfonts)

- FontsLive (http://www.fontslive.com)

- WebINK (http://www.extensis.com/en/WebINK)

- Webtype (http://www.webtype.com)

- Typotheque (http://www.typotheque.com/webfonts)

- Just Another Foundry (http://justanotherfoundry.com/webfonts)

- Fonts.com Web Fonts (http://webfonts.fonts.com)

Все не смотрел.

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

Тоже интересует.

Link to comment
Share on other sites

  • 0

Ъ-метод – не использовать нестандартные шрифты, достаточно в CSS сказать body {font-family: sans-serif;} и не морочить себе голову.

Ссылка

да, видел это строку про true-метод. заманчиво, но все же - это не решение вопроса.

а вот ссылочка - это кажется как раз то. если действительно будет тем, что нужно, то большое спасибо скажу! ))

Edited by aaron
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Данияр
      https://jsfiddle.net/daniars/wzty3xp6/ - ссылка на код
      1)Как должно быть
      2)На данный момент
      Никак не пойму, почему они не ровно стоят


    • By Данияр
      Добрый вечер, хотел спросить, как мне сделать так как на первом фото последний абзац начинается с левой строки, word-spacing даже пробовал, не помогло 1) То что мне нужно 2)То что у меня


      https://jsfiddle.net/#&togetherjs=AzUkONtK9g
      там, текст должен быть на середине, можете не говорить про text-align и т.д
    • By qqruz
      Мне нужен код для автоматической публикация последних видео с нескольких каналов ютюб, что бы они шли последовательно. Я перерыл весь интернет и нечего не нашел, сам тоже пытался написать, но из-за слабого знания языка и малого количества видео не могу. Надеюсь на чью-то поддержку.
    • By _dev_
      Всем привет, коллеги. Я - начинающий в этом деле, поэтому сильно не разносите) Если кому не сложно - оцените пожалуйста мою работу, укажите ошибки. Жду Вашу критику. Вот свёрстанный макет - https://cleaning-company-001.000webhostapp.com/
    • By Алеся
      Доброго вечера! Подскажите, пожалуйста, в чем проблема неотображения скаченного шрифта? Путь к файлу, если что, проверила. Заранее спасибо!
      @font-face {
        font-family:"Lato-Italic";
        src: url('./fonts/Lato-Italic.ttf');
      }
      Его использование:
      .three-columns__item-radius p {
        text-align: justify;
        margin: 26px 20px 0 20px;
        font-family:"Lato-Italic";
      }
       
       
  • Обсуждения

    • Вот тут есть актуальный список бесплатных тестов с сертификацией https://www.classcentral.com/report/free-certificates/ Обратите внимание на HackerRank, там есть тест с сертификацией непосредственно по CSS
    • Нужно сверстать по картинке меню-бар. Не получается сделать вот это поле поиска <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title>     <style> .nav {     display: flex;     list-style-type: none;     padding-left: 0;     font-size: 17px;     text-transform: uppercase; } .nav > li > a {     color: #fff;     text-decoration: none; } .nav > li {     padding-left: 29px;     margin-left: 30px; } .header {     display: flex;     background-color: #31485b;     justify-content: space-between;     align-items: center; }   .sidebar {     width: 410px;     display: block;     padding-right: 20px;     margin: auto;     margin-left: 250px; }   ul.nav li a:hover {     background-color: #687c8d;     padding: 17.2px 35px; }   input[type="text"], input[type="search"] {   background-color: #687c8d;   width: 60%;   padding: 8px;   margin: 0 50px }   input[type="search"] {     color: #31485b;     font-style: italic; }     </style> </head> <body>     <div class="header">                 <ul class="nav">                     <li class="s1"><a href="#">Главная</a></li>                     <li><a href="#">Блог</a></li>                     <li><a href="#">Сервисы</a></li>                     <li><a href="#">Онлайн-профессии</a></li>                     <li><a href="#">О сайте</a></li>                 </ul>                                 <div class="sidebar">                     <form method="post" action="#" id="search_form" >                       <input type="search" name="search_field" placeholder="Поиск" />                     </form>                   </div>     </div> </body> </html>  
    • ЭЭ, а почему оно должно удалять? Может стоило повесить событие на эту кнопку и указать, что при это должно происходить?
    • например -R не будет качать указанные файлы если вы знаете список нужных вам файлов, проще их указать или можно написать парсер
    • выкладывайте код в песочнице, так будет проще У вас media подключается до blocks/header, по этому правила из blocks/header перекрывают media сверху вниз в css пишите tag .class ... @media и не будет у вас подобных проблем  
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy