) and want to host them on your own server, you must link them manually in your stylesheet. Step 1: Upload the files to your website directory (e.g., in a Step 2: Declare the font at the very top of your CSS file: @font-face { font-family: 'MyCustomFont' ; src: url( '/fonts/mycustomfont.woff2' ), url( '/fonts/mycustomfont.woff' /* Ensures text remains visible during load */ Use code with caution. Copied to clipboard Step 3: Apply the font to your elements: h1 font-family: 'MyCustomFont' , Arial, sans-serif; Use code with caution. Copied to clipboard Best Practices for Font Linking Prioritize WOFF2:
: If you need reliable, pre-installed fonts, options include Times New Roman Trendy Web Fonts : For modern designs, designers often use Figma-recommended fonts such as Montserrat Could you clarify where you saw the link? Knowing if it was in a coding file purchase order design tool would help narrow it down. 24 Best Fonts for Websites in 2026 | Figma wtqc font link