i am trying to load an .otf font into processing.js based on this example

http://scotland.proximity.on.ca/sdowne/pjsCustomFonts/example.html

diretly editing code here 
http://scotland.proximity.on.ca/sdowne/pjsCustomFonts/example.pjs

but when i am pasting my own code with my font, it doesnt display it properly. what can be the problem?
here is my code with font converted using this tool  http://www.opinionatedgeek.com/dotnet/tools/base64encode/

http://pastebin.com/XMry0dVC   

when i decode the codestring manually, i get a working otf font. what might be the problem?    

www.alsoko.net

I am trying to write a header for my blog with processing.js. It uses two different fonts, 

so it has 

  font_name = loadFont("futura_light.vlw");

  font_pattern = loadFont("CourierNew.vlw");

lines in it. Eerything works ok, but when I try exporting it in javascript mode, both the fonts are gone in all browsers I tried. Is there a way to fix that, or should i use the standart fonts?

www.alsoko.net

I try to get String data from JSON from  multicolr, and I cannot seem to extract it. I was using  this and  this as my reference, but everything I try returns an error.

I include my JSON output lower down the post.

I also include a piece of JavaScript which works for that web which inspired me.

I guess the problem is that I dont adress the {objects} properly, but I am extremely new to this ( week of coding ) and i can't really use Java Docs or udnerstand how Java syntax for libraries applies for Processing.

2. import org.json.*;
3. 
   
4.   color colorOne = color(int(random(1, 255)), int(random(1, 255)), int(random(1, 255)));
5.   String col = ( hex( colorOne, 6 ));
6. 
   
7. String url = "http://labs.ideeinc.com/rest/?method=flickr_color_search&limit=60&offset=0&colors[0]=" + col + "&weights[0]=1";
8. 
   
9. void setup() {
10.   getOJ();
11.   };
12. 
    
13. 
    
14. void getOJ() {
15.   try {
16.     JSONObject idee = new JSONObject(join(loadStrings(url), ""));
17.     //println(idee.toString(2));
18.       
19.     JSONArray results = idee.getJSONArray("result");
20.     //println("results: " + results.toString(2) );
21.     String filepath = idee.getString("filepath");
22.     // I also tried
23.     // String filepath = results.getString("filepath");
24.     
25. 
    
26.   
27.   }
28. 
    
29.   catch (JSONException e) {
30.     println ("json parsing error");
31.   };
32. 
    
33.   
34. };

      JSON:

2. {
3.   "error": [],
4.   "method": "flickr_color_search",
5.   "result": [
6.     {
7.       "filepath": "images_08/___________________________________________________202507602.jpg",
8.       "height": 240,
9.       "id": "202507602",
10.       "photosite": "http://www.flickr.com/photos/62824001@N00/202507602",
11.       "score": "99.30",
12.       "width": 180,
13.       "x": 0,
14.       "y": 0
15.     },
16.     {
17.       "filepath": "images_16/____________________________________________________65136343.jpg",
18.       "height": 171,
19.       "id": "65136343",
20.       "photosite": "http://www.flickr.com/photos/94778205@N00/65136343",
21.       "score": "95.70",
22.       "width": 240,
23.       "x": 0,
24.       "y": 0
25.     },
26.     // Skipped a lot of same JSON objects
27.     {
28.       "filepath": "images_04/__________________________________________________2052555864.jpg",
29.       "height": 180,
30.       "id": "2052555864",
31.       "photosite": "http://www.flickr.com/photos/36045027@N00/2052555864",
32.       "score": "84.90",
33.       "width": 240,
34.       "x": 0,
35.       "y": 0
36.     },
37.     {
38.       "filepath": "images_14/___________________________________________________471046850.jpg",
39.       "height": 180,
40.       "id": "471046850",
41.       "photosite": "http://www.flickr.com/photos/24509941@N00/471046850",
42.       "score": "84.80",
43.       "width": 240,
44.       "x": 0,
45.       "y": 0
46.     }
47.   ],
48.   "status": "ok"
49. }

      JS:

1.       
2. // Script author peko [peko@gasubasu.com]
3. // http://gasubasu.com
4. 
   
5. 
   
6. importPackage(java.net); 
7. importPackage(java.io); 
8. 
   
9. var bg='FFFFFF';
10. 
    
11. var item = document.selectedItems[0]; 
12. var color = item.fillColor;
13. var R = (Math.round(color.red  *255)).toString(16); if (R.length<2) R='0'+R;
14. var G = (Math.round(color.green*255)).toString(16); if (G.length<2) G='0'+G;
15. var B = (Math.round(color.blue *255)).toString(16); if (B.length<2) B='0'+B;
16. var hex = R+G+B;
17. 
    
18. if (item && hex) {
19. 
    
20.     var url = new URL('http://labs.ideeinc.com/coloursearch/services/rest/?method=color.search&quantity=50&page=0&colors='+bg+','+hex+'&imageset=flickr');
21.     var stream = new DataInputStream(url.openStream());
22.     var json = '';
23.     var line;
24.     while ((line = stream.readLine()) != null) {
25.         json += line;
26.     };
27.     var data = Json.decode(json);
28.     var i = 0;
29.     for (n in data.result) {
30.         url = new java.net.URL(data.result[n][1]); 
31.         var image = new PlacedFile(url);
32. 
    
33.         image.bounds.width  = 80;
34.         image.bounds.height = 80;
35.         image.bounds.center = new Point(i*81, Math.floor(i/10)*81);
36. 
    
37.         document.redraw(); 
38.         i++;
39.     }
40. }