javascript – p5.js loadFont函数？

如何更改p5.js中的字体？它无法识别处理术语“loadFont”,不会从CSS中继承字体,也不会让我放入.vlw文件或链接到GoogleFont.至少,我没有尝试过任何方式.

引用页面仅包含“text”和“textFont”选项(在p5.js引用页面末尾的“排版”部分中),这两个选项都不允许实际指定字体.

我也试过了

text.style('font-family', 'Walter Turncoat');

此处列出的选项(https://github.com/lmccart/p5.js/wiki/Beyond-the-canvas)无济于事.它实际上打破了整个页面.在CSS中：

@font-face {
    font-family: 'Walter Turncoat';
    src: url('http://fonts.googleapis.com/css?family=Walter+Turncoat');
}

处理版本不起作用：

var type = loadFont("AmericanTypewriter-48.vlw");
var smallType = loadFont("AmericanTypewriter-14.vlw");

也,

var type = "Helvetica"; 

他们在文本和textFont的例子中有没有用.

必须有一种方法来拥有另一种字体.请帮忙！

解决方法:

参考文献中给出的例子很好.在下面运行代码段以获取结果.当你说它不适合你时你是什么意思？

function setup() {
  createCanvas(640, 480);
}

function draw() {
  fill(0);
  textSize(36);
  textFont("Georgia");
  text("Hello World! in Georgia.", 12, 40);
  textFont("Arial");
  text("Hello World! in Arial.", 12, 100);
  textFont("Walter Turncoat");
  text("Hello World! in Walter Turncoat.", 12, 160);
}

<link href="http://fonts.googleapis.com/css?family=Walter+Turncoat&.css" rel="stylesheet"/>
<script src="http://cdn.jsdelivr.net/p5.js/0.3.8/p5.min.js"></script>

标签：p5-js,javascript
来源： https://codeday.me/bug/20190830/1768248.html