<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Fonts on [ MECANIK DEV ]</title><link>https://mecanik.dev/en/tags/fonts/</link><description>Recent content in Fonts on [ MECANIK DEV ]</description><generator>Hugo</generator><language>en</language><copyright>Copyright © 2020-{year} by [ MECANIK DEV ]. All Rights Reserved.</copyright><lastBuildDate>Tue, 05 Apr 2022 15:40:24 +0600</lastBuildDate><atom:link href="https://mecanik.dev/en/tags/fonts/index.xml" rel="self" type="application/rss+xml"/><item><title>How to deal with @font-face</title><link>https://mecanik.dev/en/posts/how-to-deal-with-@font-face/</link><pubDate>Tue, 05 Apr 2022 15:40:24 +0600</pubDate><guid>https://mecanik.dev/en/posts/how-to-deal-with-@font-face/</guid><description>&lt;p>This article is suitable for anyone out there, from starters to even the most experienced web developers. I&amp;rsquo;ve seen decade long Senior Web Developers ignoring fonts and not dealing with them properly, so please read along.&lt;/p>
&lt;p>After reading a few lines below you will use the correct &lt;code>@font-face&lt;/code> and CSS that will work across browsers correctly.&lt;/p>
&lt;p>Your website will look and perform as it should across devices.&lt;/p>
&lt;h2 id="what-are-font-faces">What are font faces?&lt;/h2>
&lt;p>I will assume you already know this, otherwise you wouldn&amp;rsquo;t be reading this article.&lt;/p></description></item></channel></rss>