Jump to content
  • 0

Шрифтовая белка - не хочет принимать шрифт


aaron
 Share

Question

4 answers to this question

Recommended Posts

  • 0

нашел на просторах сети FagoCo в формате ttf. Подсунул Белке - все "съела" без проблем и выдала рабочий набор.

Но вот вопрос остался - есть такой инструмент для конвертации шрифта любого формата в формат ttf?

Здесь также вычитал, что Белка не принимает проприетарные шрифты от MS и Adobe. (

Еще нашел такую штуку - Font2Web. Эта хоть говорит, что ей не нравиться, в отличие от Белки.

Edited by aaron
  • Like 1
Link to comment
Share on other sites

  • 0

Нашел такой online-конвертер - http://www.freefontconverter.com/. Подсунул ему FagoCo.pfb (есть еще pfm, но на этом сервисе он не упоминается в списке поддерживаемых).

Вообще, такие типы шрифтов - pfm, pfa, pfb - впервые вижу. ))

Сконвертировал, предложил Белке - все получилось на выходе. Буду пробовать прикручивать на сайте.

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 мурамаса
      <div class="center-menu"> <div class="center-bar-one"> <h1> Новости </h1> <p>Сегодня 21 января было совершено нападение на одного из наших брокеров, прямо у дверей московской фондовой биржи. Нападающий выскочивший из за угла был одет в черный костюм с красным галстуком и в маске напала на олега олежина после чего скрылся и его след простыл. Олежин был немедленно госпитолизирован, мвд по московской области ведет расследование.</p> </div> </div> Вот хтмл код этого элемента
      .center-bar-one { float: left; width: 150px; height: 200px; font-size: 11px; color: blue; } Когда я прописываю размер шрифта и в коде присутствует тег <p>, то размер шрифта не меняется. Если прописать например цвет, то никаких проблем нет. Когда убираю тег <p> то шрифт меняется. В чем дело? помогите
    • By xek
      Добрый день!
      Подгружаю шрифты с google fonts, имя шрифта Fira Sans (и причем он у них отображается корректно), но когда я его подгружаю он выглядит так как будто избитый.
      Привожу 2 скриншота:
      1. Как выглядит шрифт на google fonts

      2. Так выглядит у меня

      Почему так получается?
      Все эти манипуляции я провожу в браузере Firefox.
    • By Arinden
      Всем здравствуйте! Столкнулся с проблемой и никак не могу найти рабочее решение. Помогите неучу, пожалуйста! Вот ссылка на JSFiddle и пример кода:
      HTML:
      <div class="lineHeight">   HELLO // line-height method </div> <div class="padding">   HELLO // padding method </div> CSS:
      @import url('https://fonts.googleapis.com/css?family=Open+Sans'); div {   font-family: 'Open Sans', sans-serif;   font-size: 14px;   height: 100px;   background: lightgreen;   margin: 5px;   padding-left: 10px;   box-sizing: border-box; } .lineHeight {   line-height: 100px; } .padding {   padding-top: 42px; /* (100px - 14px) / 2 - 1px */ } Ситуация следующая:

      В случаях с line-height и padding текст ровно по центру, отступы по 45px сверху и снизу:



      - Google Chrome (v. 55.0.2883.87 m);
      - Mozilla Firefox (v. 50.1.0);
      - Opera (v. 42.0.2393.94);
      - Safari (macOS, v. 10.0 12602.1.32.7);

      Для line-height отступы по 45px, для padding 46px сверху и 44px снизу:



      - Safari (Windows, v. 5.1.7 7534.57.2);

      В случаях с line-height и padding текст ровно по центру, отступы 46px сверху и 44px снизу:



      - Internet Explorer 11 (v. 11.576.14393.0);
      - Microsoft EDGE (v. 38.14393.0.0);
      Я понимаю, что в ряде случаев это не принципиально, но что делать если блок с текстом это, например, меню, а сбоку от текста расположена ровная иконка, положение которой задано через background-position. Выравниваешь иконку для одного браузера - плывёт в другом. Выглядит весьма заметно и некрасиво. И Бог бы с этим эксплорером, но дело вот в чём, на Android 6.0.1 (device pixel ratio 4.0) стандартный интернет браузер, а также скаченный Google Chrome центруют неровно, также наблюдается расхождение в 1 пиксель, а вот на это уже закрывать глаза не хочется (большой скрин с Android):

      Что примичательно, высота первой буквы на настольных компьютерах 10px, а на андроиде чуть больше.
      Разумеется добиться идеальной картинки, да ещё и во всех браузерах одновременно, невозможно, но ведь это не какой-то частный случай, а вполне закономерное желание разместить текст по центру меню-бара. Я буду очень признателен за Вашу помощь и пояснения на предмет "best-practices".
      Что я пробовал для решения данной проблемы:
      - Использовал разные шрифты, а также разные методы подключения внешних шрифтов: link через html / @import в CSS для Google Fonts, а также @font-face url для скаченных шрифтов;
      - Задавал размеры шрифта, отступы, line-height в em / rem / px;
      - Пробовал различные комбинации line-height + padding;
      - Для создания иконок меню пробовал псевдо элементы, это конечно же решает проблему расположения иконок относительно текста, но не решает проблему центровки по вертикали.

      P.S. CSS сброшен. Meta viewport задан.

      Доп. вопрос от новичка: Почему, задавая размер шрифта 14px, заглавная буква по факту занимает 10px? При этом если я использую буквы типа "Й" и "р", высота занимаемая текстом будет уже 16px, но никак не 14px. Что-же задают тогда эти пиксели в размере шрифта?
    • By bolotindima
      При открытии страницы в браузере отображается слишком маленький шрифт , стоит просто обновить страницу и все встает на свои места. Как исправить ?
      http://smages.com/images/2209201512.jpg
    • By Светлана Г.
      Здравствуйте!
      Столкнулась с проблемой отображения шрифта на компьютере Заказчика и моем.
      У Заказчика Mac, шрифт у него выглядит жирнее, у меня Windows.
       
      Сейчас подключаем с Google. 
      Как решить данную проблему, чтобы у всех было одинаково?

      Попробую подключить через @font-face с помощью http://www.fontsquirrel.com/
       
      Теперь вопрос: как правильно настроить его?
  • Обсуждения

    • Вот тут есть актуальный список бесплатных тестов с сертификацией 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