假如设计稿使用了非标准的字体，你该如何去实现它？

当设计稿使用了非标准字体，前端开发的实现方式主要有以下几种：

1. @font-face 规则：这是 CSS 提供的一种加载自定义字体的方式。你可以将字体文件（如 .ttf、.otf、.woff、.woff2 等）上传到服务器，然后在 CSS 中使用 @font-face 规则引用这些字体。这样，当用户的浏览器加载页面时，就会下载并使用这些自定义字体。

例如：

@font-face {
    font-family: 'MyCustomFont';
    src: url('myfont.woff2') format('woff2'),
         url('myfont.woff') format('woff');
}

body {
    font-family: 'MyCustomFont', sans-serif;
}

注意，为了兼容不同的浏览器，你可能需要提供多种字体格式。另外，使用这种方法时，需要确保你有权使用这些字体，避免侵犯版权。
2. Google Fonts 或其他字体服务：如果设计稿使用的非标准字体恰好是 Google Fonts 或其他字体服务提供的，那么你可以直接从这些服务中引入字体。这些服务通常会提供多种字体格式以适应不同的浏览器，而且使用起来也很方便。
3. 使用字体转换工具：如果设计稿使用的字体是商业字体，且你没有购买相应的使用权，那么你可能需要寻找一个相似的免费字体来替代。这时，你可以使用一些字体转换工具或在线字体库来寻找相似的字体。
4. 图片替代：在某些情况下，如果字体效果无法通过 CSS 实现（例如，特殊的文字效果或图标字体），那么你可能需要将这部分内容转换为图片。然后，你可以使用 CSS 的背景图像属性或 HTML 的 <img> 标签将这些图片添加到页面中。不过，这种方法可能会增加页面的加载时间，并影响可访问性，因此应谨慎使用。
5. WebAssembly 或其他技术：还有一些更先进的技术，如使用 WebAssembly 来在浏览器中渲染非标准字体。然而，这些方法通常更复杂，且可能不是所有浏览器都支持。因此，在大多数情况下，使用上述方法中的一种或多种应该就足够了。

总的来说，实现设计稿中的非标准字体需要综合考虑多种因素，包括字体的可用性、版权问题、页面性能以及用户体验等。在选择最佳方案时，需要根据项目的具体需求和约束进行权衡。