Help with rendering Hebrew

Shotstack API
1

Hi,

I’m trying to get Hebrew fonts rendered into my test application but i keep getting Tofu even after following the instructions for international languages. can someone please help me sort this out? im not sure if its my json format or the actual font i picked to use (Rubik)

regards,
etay

below is the json extract im using:

	var json = {
			"timeline":{
			  "soundtrack":{
				 "src":	document.getElementById("videoURL").value,
				 "effect":"fadeOut"
			  },
			"background":"#000000",
			"fonts": [
				{
					"src": "https://drive.google.com/uc?export=download&id=1FX-5vG7k006U8tjWvBAH0EzfFgWcUWkN"
				}
				],			  
			"tracks":[
				 {
					"clips":[
					   {
						  "asset": {
							  "type": "html",
							  "html": "<p>גדגדגדגדגdsdsd</p>",
							  "css": "p {font-family: 'Rubik Medium'; color: #ffffff; font-size: 42px; text-align: center; }",
							  "width": 400,
							  "height": 200,
							  "background": "transparent",
							  "position": "center"							 
						  },
						  "start":0,
						  "length":5,
						  "transition":{
							 "in":"fade",
							 "out":"fade"
						  }
					   }					   
					]
				 },
				 {
					"clips":[
					   {
						  "asset": {
							 "type":"video",
							 "src": document.getElementById("videoURL").value
						  },
						  "start":0,
						  "length":5,
						  "transition":{
							 "in":"fade",
							 "out":"fade"
						  }
					   }					   
					]
				 }				 
			  ]
		   },
		   "output":{"format":"mp4", "resolution":"sd"
		   }
		}
2

Hi @etay,

There appears to be an issue downloading the font directly from Google Drive that way. I added it to our S3 bucket and it appears to be rendering correctly.

{
    "timeline": {
        "soundtrack": {
            "src": "https://shotstack-assets.s3.amazonaws.com/music/moment.mp3",
            "effect": "fadeOut"
        },
        "background": "#000000",
        "fonts": [
            {
                "src": "https://shotstack-assets.s3.amazonaws.com/fonts/Rubik-Medium.ttf"
            }
        ],
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>גדגדגדגדגdsdsd</p>",
                            "css": "p {font-family: 'Rubik'; color: #ffffff; font-size: 42px; text-align: center; }",
                            "width": 400,
                            "height": 200,
                            "background": "transparent",
                            "position": "center"
                        },
                        "start": 0,
                        "length": 5,
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.amazonaws.com/footage/night-sky.mp4"
                        },
                        "start": 0,
                        "length": 5,
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    }
                ]
            }
        ]
    },
    "output": {
        "format": "mp4",
        "resolution": "sd"
    }
}
1 Like