Hi, I would like to setup pagination like this webpage: http://eloquentjavascript.net/11_language.html

Its simple 3 dot-like items. The code is something like this:

<a href="10_modules.html" title="previous chapter">◀</a>
<a href="index.html" title="cover">◆</a>
<a href="12_browser.html" title="next chapter">▶</a>


If I add the similar code with a custom CSS class for nav, the ◀ and ▶ get changed like this:


<nav class="customnav">
<a href="10_modules.html" title="previous chapter"><img draggable="false" class="emoji" alt="◀" src="https://s.w.org/images/core/emoji/72x72/25c0.png"></a><br>
<a href="index.html" title="cover">◆</a><br>
<a href="12_browser.html" title="next chapter"><img draggable="false" class="emoji" alt="▶" src="https://s.w.org/images/core/emoji/72x72/25b6.png"></a>
</nav>


Why this ◀ gets changed image? How to avoid that? Is there any other way to achive this style of pagination?