Making X Close Button Right and Without Images

Nice Close Button X with Thin Lines I often need to make a close button X for different popups, tooltips etc. The easiest solution is to use × special character that will make a perfect cross ×.

If you don’t use Font Awesome or some glyph icons it’s a perfect and simple solution. You may like to have a cross with a very thin lines, but your cross will look too bold, especially if your main font is bold or the cross is large enough. I’ve found a solution for such a problem.

As a character it could be fine tuned with font-family in CSS. So if no web fonts are used, just add into your CSS file:

font-family:Garamond,'Apple Garamond','Lucida Sans Unicode';

Garamond font will make cross lines light enough. Check this cross, treated with Garamond font: ×

This entry was posted in CSS CheatSheets and tagged . Bookmark the permalink.

1 Response to Making X Close Button Right and Without Images

  1. Behzad says:

    Thanks 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *