网站文本的随机字体？

Posted 2023-02-25

【中文标题】网站文本的随机字体？

【英文标题】：random font for website text?

【发布时间】：2011-08-24 12:39:25

【问题描述】：

我已经看到了很多生成随机字体颜色的方法，但是我将如何从字体列表（或完全随机）中为我网站上的一段文本使用随机字体？

【问题讨论】：

您是在谈论随机颜色还是随机字体或两者兼而有之？从你的问题看不清楚。

【参考方案1】：

您可以像这样从 php 列表中获取随机条目：

$fonts = array("Helvetica", "Arial", "Comic Sans", "Tahoma");
shuffle($fonts);
$randomFont = array_shift($fonts);

然后在任何你想覆盖类的地方回显$randomFont。也许在您的文档中的 <style> 标记内嵌

【讨论】：

php 是否必须与样式标签在同一个 div 中？我刚刚开始掌握 php..

PHP 可以位于页面中的任何位置，然后您才能访问 $randomFont，在您需要它的位置添加 <?php echo $randomFont ?>

【参考方案2】：

创建一个字体名称数组。

那么当你设置文字的颜色时：

var array_ofcolors = ['red', 'blue',...]
obj.style.color = 
      array_ofcolors[Math.floor(Math.random()*array_ofcolors.length)]

这是一个小提琴：http://jsfiddle.net/maniator/EJAmv/

你也可以对字体做同样的事情：http://jsfiddle.net/maniator/EJAmv/1/

var array_offonts = ["Helvetica", "Arial", "Comic Sans", "Tahoma"]
obj.style.fontFamily = 
      array_offonts[Math.floor(Math.random()*array_offonts.length)]

【参考方案3】：

试试这个：

<?php $font =   array(
      "Arial", 
      "monospace", 
      "Comic Sans MS", 
      "Times", 
      "Lucida Sans", 
      "Verdana", 
      "Helvetica"
    );//insert ^there another Fonts
?>

<a style="font-family: <?php echo $font[rand(0,6)]; ?>;" href="#"><h1>Encrypted array <.../> </h1></a>

【参考方案4】：

这适用于我的网页，我认为这很容易：

<?php 
$font = 
    array(
      "Arial", 
      "monospace", 
      "Comic Sans MS", 
      "Times", 
      "Lucida Sans", 
      "Verdana", 
      "Helvetica"
    );//insert ^there another Fonts
?>
<style> 
 * 
   font-family: <?php echo($font[rand(1,7)]); ?>;
   
</style>