【问题标题】:random font for website text?网站文本的随机字体?
【发布时间】:2011-08-24 12:39:25
【问题描述】:

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

【问题讨论】:

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

标签: php html css random fonts


【解决方案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>
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2016-10-16
        • 2019-07-29
        • 2015-03-16
        • 1970-01-01
        • 1970-01-01
        • 2012-05-24
        • 2012-07-01
        • 1970-01-01
        相关资源
        最近更新 更多