1. Мы продолжаем публиковать интересные статьи на тему SocialEngine 4. Одна из статей посвящена правильному выбору сервера для вашей социальной сети, а другая содержит советы по увеличению производительности платформы. Также мы добавили большую статью о пользовательских уровнях. Ознакомиться со статьями вы можете в разделе Вопросы и Ответы SocialEngine 4.

  2. Вам кажется, что ваша версия SocialEngine 4, работает медленно?

    Голосуйте. Пишите свою версию системы, железо на чем работает и количество пользователей. Будем увеличивать производительность :-) Подробнее

  3. В связи с участившимися случаями попыток продажи пользователями форума различных "сборок" коммерческих социальных платформ, обычно основанных на SocialEngine 3, вводится новое правило для форума. Запрещается создание тем или размещение в уже созданных предложений о продаже или размещение ссылок на сайты, где происходит продажа "сборок". Пользователи, которые продолжат свою коммерческую деятельность в данном направлении, будут заблокированы. Подробнее.
Новые полезные статьи о SocialEngine 4 Ваш SocialEngine 4 медленно работает? Запрет на размещение информации о "Сборках"

Встраиваемые шрифты на сайт

Discussion in 'HTML и CSS' started by sewgen, Dec 27, 2010.

  1. sewgen Thread starter User


    Offline
    Message Count:
    259
    Likes Received:
    40
    My version of SE:
    3.20
    Ограниченное количество кириллических шрифтов для оформления веб-страниц не позволяет дизайнерам сайтов особо "разгуляться". Наборы русских шрифтов, по умолчанию входящие в комплект различных ОС(операционных систем), ограничены обычно 3-4 наименованиями из серии serif и sans-serif. Их еще называют "безопасными" - т.е. они в есть в обязательном наборе каждой ОС. Это порядком поднадоевшие Arial, Times и т.д
    Для того чтобы изменить эту ситуацию существует возможность улучшить дизайн своих страниц с помощью загружаемых шрифтов. Т.е. каждый раз при открытии юзером Вашего сайта вместе с кодами страниц параллельно происходит "подгрузка" шрифта, с сайта-архива шрифтов. Обычно это сайты самих разработчиов шрифтов.
    Существует несколько известных сайтов, предоставляющих такую возможность. Обычно эта услуга платная. Но есть и бесплатные варианты.

    Самый простой способ мы сейчас рассмотрим на примере шрифта Нeuristica regular.

    Открываем страницу - http://kernest.com/styles/cyrillic

    1) Выбираем понравившийся шрифт. Под окном шрифта жмем - Download.

    2) Скачанную папку "fonts" заливаем в корень сайта.

    3) В header-global.tpl после фразы - <head> вставляем:

    HTML:
    <link href="http://kernest.com/fonts/heuristica-regular.css" media="screen" rel="stylesheet" type="text/css" />
    4) В своих файлах *.css (там где Вам нужно) заменяем прописанные имена шрифтов в тегах font-family:..... на:

    PHP:
    'Нeuristica'
    .
    Имя шрифта, состоящее даже из одного слова, должно быть в кавычках.

    4) Там же : к имени шрифта добавьте по своему усмотрению коды:

    line-height: 140%;
    text-rendering: optimizeLegibility;

    В итоге Ваш код должен выглядеть так:

    PHP:
    div, td { 
    font-family: 'Heuristica';
    line-height: 140%;
    text-rendering: optimizeLegibility;
        }

    С Наступающим!
    sewgen, Dec 27, 2010
    #1

  2. Gooos абырвалГ


    Offline
    • Admin
    Message Count:
    2,435
    Likes Received:
    645
    My version of SE:
    3.20
    10. Использование нестандартных шрифтов в Internet Explorer

    В последнее время использование нестандартных шрифтов на веб-сайтах стало очень распространенным. С Internet Explorer, как всегда, есть свои особенности – он понимает шрифты только в формате EOT. Чтобы сконвертировать ваши нестандартные шрифты в этот формат, воспользуйтесь этой бесплатной онлайн утилитой.

    Code:
    @font-face {
    font-family: " название шрифта ";
        src: url( /расположение/шрифта/НазваниеФайлаШрифта.eot ); /* Для IE */
        src: local(" название шрифта "), url( /расположение/шрифта/НазваниеФайлаШрифта.ttf ) format("truetype"); /*  не IE */
    }

/* Затем используем это название, как обычный web-safe шрифт */
.element {
    font-family:" название шрифта ", verdana, helvetica, sans-serif;
}
    Gooos, Dec 28, 2010
    #2

  3. sewgen Thread starter User


    Offline
    Message Count:
    259
    Likes Received:
    40
    My version of SE:
    3.20
    :) ... тут нинада, Дим
    Там в папке 'fonts' и ttf и eot форматы есть. Тем то этот способ и хорош, что - кроссбраузерный.
    Тестил и на Мак, и на Мелкософте - все браузеры корректно кажут.
    sewgen, Dec 28, 2010
    #3

  4. maaximus User


    Offline
    Message Count:
    29
    Likes Received:
    1
    Не знаю почему, но не могу на том сайте найти где файл скачать... Не часто бывает что туплю, но видимо бывает ))
    maaximus, Feb 7, 2011
    #4

  5. sewgen Thread starter User


    Offline
    Message Count:
    259
    Likes Received:
    40
    My version of SE:
    3.20
    Чтобы их скачать и пользоваться по своему усмотрению препятствием будет лицензия разработчика шрифта. Т.е. покупаете шрифт и закачиваете к себе.
    Если использовать бесплатный вариант, то только используя ссылку с сайта разработчика. Вот она в коде:

    <link href="http://kernest.com/fonts/heuristica-regular.css" media="screen" rel="stylesheet" type="text/css" />

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

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


    Вот ТУТ подробнее про это.

    А дистрибутив скачиваете, нажимая на ссылку - Download (каждый шрифт в виде примера показан в отдельном окне. Под каждым окном ищите)
    sewgen, Feb 7, 2011
    #5

  6. sewgen Thread starter User


    Offline
    Message Count:
    259
    Likes Received:
    40
    My version of SE:
    3.20
    Потестил встраивание шрифтов на протяжении 2-х месяцев.

    Недостатки встраивания с сайта http://kernest.com/:
    - из-за сбоев в инет-линии или на сервере сайта разработчика шрифта бывают проблемы с отображением. В выходные, когда большая часть работников саппорта отдыхает, это особенно часто происходит.
    - браузеры периодически показывают в файербуге или предупреждения, или ошибку. (правда, не критическую)
    - из-за сбоев соответственно возрастает время загрузки страниц.

    Резюме:
    папка со встраиваемыми шрифт должен располагаться на Вашем сервере. )))


    P.S. Тож самое думаю будет и со встраиванием шрифтов от Гугли.... кмк
    sewgen, Mar 2, 2011
    #6

Share This Page

All rights reserved SocEngine.ru ©