Couldn’t you use a unicode range that excluded the ampersand with Arial, and list that before your ampersand font.
In theory, you could. That would mean scoping a range above and below the characters you wanted to exclude. Browsers don’t currently support multiple ranges properly, so each range would need its own @font-face rule to do so.
It works, but you end up with much more complex and hard to maintain rules.
Why not just use javascript to find all “&” and replace them with <span class=“ampersand”>&</span>?
Because ampersands are the example, not the end goal.
In theory, you could. That would mean scoping a range above and below the characters you wanted to exclude. Browsers don’t currently support multiple ranges properly, so each range would need its own @font-face rule to do so.
It works, but you end up with much more complex and hard to maintain rules.
Because ampersands are the example, not the end goal.