# Typography, Font problem

**URL:** <https://discourse.processing.org/t/typography-font-problem/26342>\
**Category:** Coding Questions\
**Created:** [December 17, 2020, 8:24pm UTC](https://discourse.processing.org/t/typography-font-problem/26342 "2020-12-17T20:24:17Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![toc\_toc\_toc](https://avatars.discourse-cdn.com/v4/letter/t/eb9ed0/32.png) [@toc\_toc\_toc](https://discourse.processing.org/u/toc_toc_toc)\
**Post date:** [December 17, 2020, 8:24pm UTC](https://discourse.processing.org/t/typography-font-problem/26342/1 "2020-12-17T20:24:17Z")

</div>

Hello,  
I have got some problem with my typography, first when i load my font (in police generator) , I can’t have mort than 50pt for the size and so when I want to write it bigger with textSize() the rendering is blurred, pixelated. Is it possible to do otherwise?  
And I got another problem 😕  
I would like my text to be just visible by an outline using stroke(255); noFill(); but it doesn’t work at all ?!

(The goal of my project would be to have the same word (thank you) with just different typography each time.)

If by chance you will be able to solve my problems I will be very grateful to you, I’m just starting and I feel like I don’t understand anything at all

```auto
ArrayList<PFont> fonts = new ArrayList<PFont>();
int randomPosition = 0;

void setup() {

  size(displayWidth, displayHeight);
  background(0);
  stroke(255);
  noFill();
  fonts.add(loadFont("Futura-ExtraBold-48.vlw"));
  fonts.add(loadFont("Futura-Light-48.vlw"));
  fonts.add(loadFont("Futura-Bold-48.vlw"));
  fonts.add(loadFont("Futura-Book-48.vlw"));
  fonts.add(loadFont("Futura-CondensedExtraBold-50.vlw"));
  fonts.add(loadFont("Futura-Heavy-48.vlw"));
  fonts.add(loadFont("Futura-Medium-48.vlw"));
}

void draw() {
  background(0);
  stroke(255);
  noFill();
  textFont(fonts.get(randomPosition), 200);
  // textSize(300);

  text("merci", displayWidth/2, displayHeight/2, 0);
  textAlign(CENTER);
}

void mousePressed() {

  randomPosition = floor(random(0, fonts.size()));
}

```

---

<div class="post-metadata">

**Author:** ![Chrisir](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/chrisir/32/45_2.png) [@Chrisir](https://discourse.processing.org/u/Chrisir)\
**Post date:** [December 17, 2020, 8:45pm UTC](https://discourse.processing.org/t/typography-font-problem/26342/2 "2020-12-17T20:45:28Z")

</div>

Other than rect() or ellipse() command, text() doesn’t have fill and stroke distinction, it only has fill().

There is a library geomerative ([http://www.generative-gestaltung.de/1/P\_3\_2\_1\_01](http://www.generative-gestaltung.de/1/P_3_2_1_01)) with font stuff but awfully complicate

It has good examples and is also mentioned here on the forum

Chrisir

---

<div class="post-metadata">

**Author:** ![toc\_toc\_toc](https://avatars.discourse-cdn.com/v4/letter/t/eb9ed0/32.png) [@toc\_toc\_toc](https://discourse.processing.org/u/toc_toc_toc)\
**Post date:** [December 17, 2020, 8:53pm UTC](https://discourse.processing.org/t/typography-font-problem/26342/3 "2020-12-17T20:53:14Z")

</div>

Ahh okay ☹  
Thank you for the tip Chrisir 😉

---

<div class="post-metadata">

**Author:** ![ErraticGenerator](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/erraticgenerator/32/11304_2.png) [@ErraticGenerator](https://discourse.processing.org/u/ErraticGenerator)\
**Post date:** [December 17, 2020, 9:24pm UTC](https://discourse.processing.org/t/typography-font-problem/26342/4 "2020-12-17T21:24:18Z")

</div>

> [@toc\_toc\_toc](#):
>
> fonts.add(loadFont(“Futura-ExtraBold-48.vlw”));

48 is the size of your font when you created the vlw file. If you want a bigger font, recreate vlw files with a bigger size, but it will make the file much bigger.

if you need to use multiple or dynamic font size, consider using `createFont()`.