Маленький вопрос по смене шрифта

181
27 декабря 2017, 18:53

Всем привет! Есть простой JS-скрипт: http://imapo.ru/%D1%8D%D1%84%D1%84%D0%B5%D0%BA%D1%82-%D0%BC%D0%B0%D1%82%D1%80%D0%B8%D1%86%D1%8B-%D1%81-%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC-html5-canvas/ Не получается поменять шрифт. В CSS пишу: 

@import url(https://fonts.googleapis.com/css?family=Indie+Flower);
#q {
    font-family: 'Indie Flower', cursive;

... ноль внимания, фунт презрения. ( Подскажите как сделать?

Answer 1

HTML

<body>
<canvas id="q"></canvas>
<script>
var width = q.width = 2200;
var height = q.height = 1300;
var letters = Array(256).join(1).split('');
var draw = function () {
q.getContext('2d').fillStyle = 'rgba(0,0,0,.05)';
q.getContext('2d').fillRect(0, 0, width, height);
q.getContext('2d').fillStyle = '#0e0';
letters.map(function(y_pos, index){
text = String.fromCharCode(65+Math.random()*33);
x_pos = index * 10;
q.getContext('2d').fillText(text, x_pos, y_pos);
letters[index] = (y_pos > 758 + Math.random() * 1e4) ? 0 : y_pos + 10;
});
};
setInterval(draw, 50);
function color_random(){
q.getContext('2d').fillStyl = 'red';
}
</script>

CSS

@import url(https://fonts.googleapis.com/css?family=Indie+Flower);
#q {
    font-family: 'Indie Flower', cursive;
    position:absolute;
    z-index:-10000;
    top:0px;
    left:0px;
}
READ ALSO
Верстка и позиционирование div-блоков
CSS

Верстка и позиционирование div-блоков

Добрый день подскажите пожалуйста как сверстать div'ы таким образом:

 181
Как подключить CSS из HTML документа?
CSS

Как подключить CSS из HTML документа?

Возможно ли ссылаться на элемент в HTML документе при подключении CSS во фрейме или окне, открытом через windowopen (не копируя сам текст из <style>)...

 178
Удаление данных из нескольких таблиц
MySQL

Удаление данных из нескольких таблиц

 243
Подсветка синтаксиса программы mysql
MySQL

Подсветка синтаксиса программы mysql

Как сделать, чтобы при запуске программы mysql в командной строке был подсвечен sql-синтаксис?

 212