Почему не работает jQuery Fittext?

Question

Почему не работает jQuery Fittext?

0

Кажется, он не работает. Это то, что у меня есть до сих пор. Кажется, что все загружается правильно, но он не отвечает на браузер.

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="js/main.js"></script>
        <script src="js/jquery.lettering.js"></script>
         <script>
            $(document).ready(function() {
                $(".fancy_title").lettering();
            });
        </script>
        <script src="js/jquery.fittext.js"></script>
        <script>
            jQuery("#responsive_headline").fitText();
        </script>
    </head>
    <body>
<section id="responsive_headline" class="fancy_title">September</section>

CSS

#responsive_headline {
    font-size: 220px;
    font-family: "utopia-std",sans-serif;
    font-style: normal;
    font-weight: 700;
}

Вы можете посмотреть его здесь

user2898276 21 окт. 2013, в 21:30

Источник

0

Какой браузер вы используете? Это прекрасно работает на последних версиях Mozilla FF, Google Chrome, Safari, Opera и IE.
Tyblitz 21 окт. 2013, в 22:09

Теги:

jquery

html

1 ответ

Ещё вопросы

Какой браузер вы используете? Это прекрасно работает на последних версиях Mozilla FF, Google Chrome, Safari, Opera и IE.

user2898276 · Answer 1 · 2013-10-22T10-50-00.000Z

Решение заключается в обеспечении:

<script>
   jQuery("#responsive_headline").fitText();
</script>

после div или цели. Затем удалите font-size в CSS. Текст становится больше:

<script>
   jQuery("#responsive_headline").fitText(.8);
</script>