Как я могу вставить промежуток вокруг каждого &

Question

Я хочу использовать специальный курсив & в Adobe Caslon Pro, но только в символе амперсанда.

Что я могу сделать, чтобы вставить <span class="amp"> вокруг каждого & (амперсанд), чтобы затем применить

font-style: italic;

до .amp?

Answer 1

Вы можете использовать jQuery для изменения HTML при загрузке страницы:

$(function () {
    $("h1:contains('&')").each(function () {
        var that = $(this);
        that.html(that.html().replace(/&amp;/g, "<span class='amp'>&amp;</span>"))
    });
});

Обратите внимание, что это относится только к элементам h1, измените их для нужных элементов.

Answer 2

Да, вы можете.Но оно не принесет вам того решения, которое вы хотите иметь, потому что только пользователи, на которых установлен adobe caslon pro, будут видеть его в этом шрифте.

Единственный реальный вариант, который у вас есть со специальными шрифтами, - это использованиеобраз.Я не думаю, что вы хотите использовать наложение вспышки или бороться с шрифтом.

Answer 3

Это довольно дорогая операция для клиентской стороны, так как она требует много анализа и манипулирования DOM.Если ваша страница построена с использованием сценариев на стороне сервера (или если вы можете добавить некоторые из них), это гораздо проще ... Как последнее, что сервер делает перед отправкой страницы пользователю, выполните регулярное выражение для замены на &,

Я не являюсь серверным кодером, поэтому не могу сказать вам синтаксис, но он будет намного более эффективным и обеспечит более простое взаимодействие с пользователем, чем любой подход на основе JavaScript