Hardlighten Font Link | OFFICIAL × HONEST REVIEW |

.hardlighten-font-link 
  font-family: Arial, sans-serif;
  font-size: 24px;
  text-decoration: none;
  background: linear-gradient(to right, #f7d2c4, #4a69bd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: brightness(1.5) hardlight;
.hardlighten-font-link:hover 
  filter: brightness(1.8) hardlight;

To implement the Hardlighten Font Link feature, we will use CSS and HTML. We will create a simple font link component and then apply the hard light blend mode to it.

If you downloaded the webfont kit from your hardlighten font link, use this @font-face rule:

@font-face 
    font-family: 'Hardlighten';
    src: url('hardlighten.woff2') format('woff2'),
         url('hardlighten.woff') format('woff');
    font-weight: normal;
    font-style: normal;