在本地开发时快速试用 Google 字体？

Question

我正在本地开发的网站上尝试不同的 Google 字体。由于我尝试了很多字体，每次都必须在 HTML 中加载字体然后更新 CSS 非常耗时。

有没有更快的方法在本地开发环境中试用字体？

Answer 1

还有另一种方式，使用 PHP 可以做这样的事情...

<?php
$divCntr = 1;
$googleFonts = array("Tangerine", "Roboto", "Oswald", "Ranga");
foreach($googleFonts as $gFont):
?>

<html>
  <head>
    <link rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=<?php echo $gFont; ?>">
    <style>
      #demo-<?php echo $divCntr; ?> {
        font-family: '<?php echo $gFont; ?>', serif;
        font-size: 18px;
      }
    </style>
  </head>
  <body>
    <div id="demo-<?php echo $divCntr; ?>">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam id augue dui. Sed eget libero ac ipsum varius tempus non vel odio. Suspendisse potenti. Sed vel elit a metus dignissim commodo. Maecenas luctus mauris lorem, ut egestas magna pharetra et. Praesent rhoncus augue ac metus lobortis porttitor. Morbi risus tellus, dictum vel magna sed, egestas imperdiet est. Sed quis facilisis nulla. Nulla fermentum libero id purus pellentesque accumsan. Nam rhoncus magna et sodales ullamcorper. Maecenas ac eros dignissim, dignissim purus in, vehicula velit. In id erat ac arcu vestibulum mollis non eu ligula. Mauris placerat a eros ut vehicula. Integer lobortis aliquam eros, imperdiet blandit massa pellentesque ac.</div>
    <br>
    <br>
    <br>
  </body>
</html>
<?php
    $divCntr++;
endforeach;
?>

注意

以上只是概念验证...显然，需要进行改进等。

它还为无法使用任何浏览器插件等（无论出于何种原因）的人们提供了替代解决方案。

在本地开发时快速试用 Google 字体？

Quickly try out Google fonts while developing locally?

google-font-api

注意