Обновите fontawesome с 4.7 до 5.13 в моем приложении XPages, некоторые вопросы - PullRequest
Новая
       99

Обновите fontawesome с 4.7 до 5.13 в моем приложении XPages, некоторые вопросы

0 голосов
/ 04 мая 2020

В моем приложении XPages я хочу обновить замечательную версию с 4.7 (текущая) до 5.13 (последняя?)

Поэтому я добавил ресурсы и добавил в свой элемент дизайна тем: 

<resource>
        <content-type>text/css</content-type>
        <href>font-awesome/5.13.0/css/solid.css</href>
    </resource>
    <resource>
        <content-type>text/css</content-type>
        <href>font-awesome/5.13.0/css/v4-shims.css</href>
    </resource>
    <resource>
        <content-type>application/x-javascript</content-type>
        <href>font-awesome/5.13.0/js/solid.js</href>
    </resource>
    <resource>
        <content-type>application/x-javascript</content-type>
        <href>font-awesome/5.13.0/js/v4-shims.js</href>
    </resource>

Я не обновил ссылки на шрифты, и когда я странно перезагружаю страницу, все текущие значки отображаются как-то «Itali c», должно ли это быть в этом случае?

Я также определил некоторые css псевдоэлементы, например: 

label.required:after {
    margin-left: 5px;
    font-family: "FontAwesome";
    content: "\f069";
    color: #d9534f;
    font-weight: normal;
    font-size: 14px;
}

но здесь значок звездочки у меня больше не отображается. Как мне справиться с этим?

Наконец (для этого поста) я получаю 2 ошибки в консоли:

GET http://dev.acme.org/xsp/.ibmxspres/.extlib/responsive/dijit/dbootstrap-0.1.1/theme/dbootstrap/font/fontawesome-webfont.woff net :: ERR_ABORTED 404 ( Не найдено)

http://dev.acme.org/xsp/.ibmxspres/.extlib/responsive/dijit/dbootstrap-0.1.1/theme/dbootstrap/font/fontawesome-webfont.ttf net :: ERR_ABORTED 404 (не найдено)

Что я забыл?

Ps Если я выберу При использовании набора вместо размещения файлов сама проблема с псевдо-классами и отображением itali c не возникает. Но у меня все еще есть 2 ошибки отсутствующих файлов

Ответы [ 3 ]

0 голосов
/ 05 мая 2020

Что если вы загрузите обе версии? 

<resource>
        <content-type>text/css</content-type>
        <href>font-awesome/4.7.0/css/font-awesome.css</href>
    </resource>

    <resource>
        <content-type>text/css</content-type>
        <href>font-awesome/5.13.0/css/solid.css</href>
    </resource>
    <resource>
        <content-type>text/css</content-type>
        <href>font-awesome/5.13.0/css/v4-shims.css</href>
    </resource>
    <resource>
        <content-type>application/x-javascript</content-type>
        <href>font-awesome/5.13.0/js/solid.js</href>
    </resource>
    <resource>
        <content-type>application/x-javascript</content-type>
        <href>font-awesome/5.13.0/js/v4-shims.js</href>
    </resource>

fontawesome 5 не использует fontawesome-webfont, поэтому он должен быть ссылкой в ​​используемой теме (bootstrap -flat?), Если это так, попробуйте параметр bootstrap_blank https://wiki.openntf.org/display/EXTLIB/How+to+use+the+Bootstrap3_blank.theme+in+XPages

это ранее обсуждалось в этой теме c Почему я получаю сообщение MultiDefine Error на своих веб-страницах Xpages , но реальных примеров не приводится. удачи!

0 голосов
/ 07 мая 2020

Попробуйте загрузить таблицу стилей через пример заголовка: 

    <xp:headTag tagName="link">
        <xp:this.attributes>
            <xp:parameter
                name="rel"
                value="stylesheet">
            </xp:parameter>
            <xp:parameter
                name="type"
                value="text/css">
            </xp:parameter>
            <xp:parameter
                name="href"
                value="font-awesome-5.13.0/css/all.css">
            </xp:parameter>
        </xp:this.attributes>
    </xp:headTag>
0 голосов
/ 05 мая 2020

Обновите css на:

label.required: после {margin-left: 5px; семейство шрифтов: «Font Awesome 5 Free»; содержание: "\ f069"; цвет: # d9534f; Вес шрифта: нормальный; размер шрифта: 14 пикселей; }

Может, решить проблему звездочки?

...