{
  "template": [
    "2iyza7uskm7vo9oe"
  ],
  "rows": {
    "2iyza7uskm7vo9oe": {
      "id": "2iyza7uskm7vo9oe",
      "template": [
        "2iyza7uskm7voaxa",
        "2iyza7uskm7vock6",
        "2iyza7uskm7vocvq"
      ],
      "containers": {
        "2iyza7uskm7voaxa": {
          "id": "2iyza7uskm7voaxa",
          "field": {
            "type": "heading",
            "data": {
              "value": "engine.sketch.fonts api"
            }
          }
        },
        "2iyza7uskm7vock6": {
          "id": "2iyza7uskm7vock6",
          "field": {
            "type": "paragraph",
            "data": {
              "value": "this api manages your fonts in your app."
            }
          }
        },
        "2iyza7uskm7vocvq": {
          "id": "2iyza7uskm7vocvq",
          "field": {
            "type": "code",
            "data": {
              "value": "\n//======================================\n//add color\n//======================================\n/*\n\n\t// add font api params\n    \n    engine.sketch.fonts.add(font_tag_string,font_name_string,location_url_string,is_global_boolean);\n    \n    1 font_tag_string can be used to get the font name by font get api.\n    \n    2 font_name_string will be the tag the font will be available in css and js render apis ie if the font name given is \"sampleFont\" you can use \"sampleFont\" in css to use this font.\n    \n    3 location_url_string \n    \n    \t- if font is hosted locally only relative path is required ie if the vegana app is hosted with some.com domain and font ia available at \tsome.com/css/font_1.ttf then the relative font path should be css/font_1.ttf\n    \n    4 is_global_boolean true if you use full url but if local defaults to false.\n\n*/\n\nconst load_font = await engine.sketch.fonts.add(\"sampleFont\",\"sample-font\",\"assets/fonts/Montserrat-Regular.ttf\")\n.then(()=>{\n\treturn true;\n})\n.catch(()=>{\n\treturn false;\n});\n\nconsole.log({load_font:load_font});\n\n//======================================\n//get color\n//======================================\n\nlet sampleFont = engine.sketch.fonts.get(\"sampleFont\");\n\nconsole.log({sampleFont:sampleFont});\n\n//======================================\n//use font with get api\n//======================================\n\nengine.make.div({\n\tparent:pageId,\n    text:'see my font',\n    draw:{\n    \tall:{\n        \tborder:\"5px solid purple\",\n            padding:\"10px\",\n            //======================================\n            //used font with get api\n            'font-family':sampleFont\n            //======================================\n        }\n    }\n});\n\n//======================================\n//use font by name\n//======================================\n\nengine.make.div({\n\tparent:pageId,\n    text:'i used font name',\n    draw:{\n    \tall:{\n        \tborder:\"5px solid purple\",\n            padding:\"10px\",\n            //======================================\n            //used font name\n            'font-family':\"sample-font\"\n            //======================================\n        }\n    }\n});\n"
            }
          }
        }
      }
    }
  },
  "title": "Vegana Api : Engine Sketch Fonts Api",
  "discription": "how to manage and share fonts in vegana js.",
  "keywords": "vegana,api,engine,sketch,fonts,add,get,manage"
}