@font-face против cufon

Я работаю на веб-сайте и в настоящее время использую @font-face tehnique (this + this) для загрузки шрифтов. Я заметил, что некоторые из специальных персонажей не загружаются должным образом → ŠĐŽČĆ šđžčć. Это значит, что эти символы существуют в самом шрифте. Итак, я сделал тест... Я загрузил тестовую страницу с помощью шрифтов @font-face и шрифтов cufon... Результат ниже →

enter image description here

и, конечно, вот код → 

<html>
    <head>
        <script type="text/javascript" src="cufon-yui.js"></script>
        <script type="text/javascript" src="ReprobateCRO_400.font.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
        <script type="text/javascript">Cufon.set('fontFamily', 'ReprobateCRO').replace('h1');</script>
        <style type="text/css">
            @font-face {
                font-family: 'ReprobateCROLASTRegular';
                src: url('reprob_cro_last_last-webfont.eot');
                src: local('ReprobateCROLASTRegular'),
                     url('reprob_cro_last_last-webfont.eot?#iefix') format('embedded-opentype'),
                     url('reprob_cro_last_last-webfont.woff') format('woff'),
                     url('reprob_cro_last_last-webfont.ttf') format('truetype'),
                     url('reprob_cro_last_last-webfont.svg#ReprobateCROLASTRegular') format('svg');
                font-weight: normal;
                font-style: normal;
            }
            h2{
                font-family:ReprobateCROLASTRegular;
            }
        </style>
    </head>
    <body>
        <h1>--> CUFON --> šđžčć ŠĐŽČĆ</h1>
        <br/><br/>
        <h2>--> @FONT-FACE --> šđžčć ŠĐŽČĆ</h2>
    </body>
</html>

До сих пор я пытался переключить кодировку с utf8, widnwos1250, и ничего не работает с технологией @font-face tehnique...

Итак, у меня есть два вопроса... Кто-нибудь знает, что здесь происходит? И, если я переключусь на использование cufon insted из @font-face - насколько это замедлит загрузку страницы? (просмотр cufon использует JS для загрузки шрифтов)

Спасибо за ваше время!

Ответы

Ответ 1

У меня было много проблем с @font-face в последнее время, когда я работал над веб-сайтом с интенсивным веб-сайтом, и оказалось, что сами инструменты для создания веб-шрифтов были виновными. Они просто генерировали файлы .woff/.ttf/.svg/.otf, в результате чего много проблем, для которых было очень сложно определить источник проблемы.

По моему опыту, единственная онлайн-служба создания веб-шрифтов, которая обеспечивает 100% -ные бесплатные веб-шрифты, - Font Squirrel. Он также позволяет использовать множество полезных материалов, таких как подмножество шрифтов, которые также могут быть проблемой в вашем случае (т.е. Вы не указали, чтобы включать дополнительные символы в созданные вами веб-шрифты. Сербский/хорватский язык является частью латинского расширенного B, если я я не ошибаюсь).

Ответ 2

Вы пробовали использовать http://fontface.codeandmore.com/ альтернативный генератор шрифтов @.

Ответ 3

H2 имеет неправильное определение шрифта: одиночные кавычки отсутствуют.

Теперь это:

font-family:ReprobateCROLASTRegular;

Должно быть:

font-family:'ReprobateCROLASTRegular';

Ответ 4

Вы, похоже, разработали проблему с шрифтом; re: время загрузки, мой опыт заключается в том, что как шрифт, так и cufon потенциально будут достаточно медленными, чтобы иметь кратковременную вспышку текста по умолчанию. Конечно, это зависит от вашего хоста и пользовательского подключения; но оба метода требуют относительно большой загрузки (либо JS, либо шрифта).

Итак, при прочих равных ИМХО вы также можете использовать font-face; по крайней мере, браузеры становятся лучше кэшировать файл шрифта, поэтому после начальной загрузки страницы вы можете получить более быстрый рендеринг. С cufon всегда приходится загружать и запускать JS, чтобы вы никогда не избавились от этой части времени загрузки.

Ответ 5

Вы хорошо реализуете.

Но когда вы использовали шрифт. Шрифт, который вы использовали. Должен иметь все символы, которые вы хотите использовать..ttf или все, что должно иметь все символы и специальные символы, когда вы его используете.

Когда вы использовали Cufon. Генератор Cufon делает для вас много дополнительных шрифтовых букв. В генераторе шрифтов Cufon. Вы можете выбрать много дополнительных для шрифта.

Вы понимаете это?