Как генерировать случайный шрифт для строки текста при каждом обновлении страницы?

Question

Как генерировать случайный шрифт для строки текста при каждом обновлении страницы?

0

Я пытаюсь создать новый шрифт каждый раз, когда моя страница обновляется из списка в моем JavaScript. Я хочу всего 4 шрифта, и я хочу, чтобы строка, которая читает "Шрифт", является шрифтом, который фактически изменяется. Я не могу заставить шрифт вообще меняться в любое время, когда я обновляю страницу. В любом случае, я могу сделать это с помощью JavaScript? Вот некоторые вещи, которые я пробовал:

<script>
var fontType = [ "Arial", "Verdana", "Helvetica"];
var num;
num=Math.floor(Math.random()*3);
document.getElementById("fontfamily").src=fontType[num];
</script>

Кажется, это не работало. Я задавался вопросом, что мне придется вызывать идентификатор для шрифтов, но есть ли даже такая вещь, как "GetelementById (fontfamily)"? Это было также в тегах моего тела.

var font = [];
font[0] = "Times New Roman";
font[1] = "Arial";
font[2] = "Helvetica";

Будет ли это лучшим вариантом? Как я могу получить это случайным образом?

user3324837 18 фев. 2014, в 20:40

Источник

Теги:

javascript

html

fonts

2 ответа

Ещё вопросы

ashley · Answer 1 · 2014-02-18T16-09-00.000Z

Вы хотите document.getElementById("fontfamily").style.fontFamily;

Всякий раз, когда вы хотите .style элемент с помощью JavaScript, используйте .style затем вертеть атрибут css. поэтому font-family становится fontFamily, background-image становится backgroundImage

var fontType = [ "Arial", "Verdana", "Helvetica"];
var num;
num=Math.floor(Math.random()*3);
document.getElementById("fontfamily").style.fontFamily =fontType[num];

http://jsfiddle.net/DZnbR/

Deepak Bandi · Answer 2 · 2017-01-03T05-23-00.000Z

Ну вот:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>

        <link href="https://fonts.googleapis.com/css?family=Open+Sans|Raleway|Roboto" rel="stylesheet">

        <style>
            .Roboto{
                font-family: 'Roboto', sans-serif;
            }
            .Open_Sans{
                font-family: 'Open Sans', sans-serif;
            }
            .Roboto{
                font-family: 'Raleway', sans-serif;
            }
        </style>
    </head>
    <body id="body">

        <script>

            var fonts = ['Roboto', 'Open_Sans', 'Raleway'];
            var rand = fonts[Math.floor(Math.random() * fonts.length)];
            console.log(rand);

            var bodyElement = document.getElementById("body");
            bodyElement.className = rand;
        </script>
    </body>
</html>