← #117 Avoid invisible text when loading a font

Display links in the print mode

Topics: CSS

When users print a web page, they will not see the actual links. It would be more useful if a link displays both the text and its link.

We can do it by including the link in the :after element:

@media print {
content: " (" attr(href) ") ";

In the print mode, users will see the link included right after its content:

<!-- Normal mode -->
<a href="https://getfrontend.tips">Front-End Tips</a>

<!-- Print mode -->
<a href="https://getfrontend.tips">Front-End Tips (https://getfrontend.tips)</a>
Fix a typo or suggest an improvement
#119 Add a subject to a mailto link