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字体？

1 个答案:

注意