1. import g4p_controls.*;
2. import java.awt.*;
3. 
   
4. Font font;
5. GTextArea txaTester;
6. 
   
7. public void setup() {
8.   size(400, 400);
9.   createGUI();
10.   // For plain text use Font.PLAIN
11.   font = getFont("consola.ttf", Font.ITALIC | Font.BOLD, 20);
12.   if (font != null)
13.     txaTester.setFont(font);
14. }
15. 
    
16. // This method creats and returns a java.awt.Font object from the TTF font
    
17. // file in the sketch data folder.
18. // Returns null if unable to create the font.
    
19. public void createGUI(){
20.   G4P.messagesEnabled(false);
21.   G4P.setGlobalColorScheme(GCScheme.BLUE_SCHEME);
22.   G4P.setCursor(ARROW);
23.   if(frame != null)
24.     frame.setTitle("Sketch Window");
25.   txaTester = new GTextArea(this, 33, 17, 226, 208, G4P.SCROLLBARS_BOTH);
26.   txaTester.setOpaque(true);
27. }
28. 
    
29. public Font getFont(String ttf_name, int style, float size) {
30.   InputStream is = createInput(ttf_name);
31.   Font awtfont = null;
32.   try {
33.     awtfont = Font.createFont(Font.TRUETYPE_FONT, is).deriveFont(style, size);
34.   }
35.   catch(Exception e) {
36.     println("Failed to load font " + ttf_name);
37.   }
38.   return awtfont;
39. }
40. public void draw() {
41. }

If you are a library creator and are interested in creating a JavaScript compatible library, stay tuned as we are developing standards and methods for doing so.

1. rewrite the libray to only use methods available in the Processing API and then let Processing.js convert it to JavaScript and omit those elements that can't be implemented.
   
2. rewrite as much of the library as possible using the Processing API and create pure JavaScript code for those remaining parts.
   
3. rewrite the library in pure JavaScript