GOJS texteditor - Apply fonts which are not installed in client machine

GoJS
1

In my web application the NotoSansCJK JP font is correctly applied all html elements. Noto font is not installed in my machine. This font is loading from server using @font-face in css. but in the GOJS texteditor the Noto font is not applied.
Can you please provide a solution.

CSS snippet is as below:

@font-face {
    font-family: noto_sans;
    src: url(NotoSansCJKjp-Regular.otf);
}

the nodeTemplate code is as below:

							 GO(go.TextBlock,
										 {
											 margin : 5,
				                             maxSize: new go.Size(280, NaN),
				                             width: 280,
				                             textAlign: 'left',
				                             name:'ParentText',
				                             alignment: go.Spot.Bottom, 
				                             editable: true,
				                             isMultiline: true
				                             
				                         },								
										 new go.Binding("text").makeTwoWay(), 
										 new go.Binding("font", "font").makeTwoWay(),
										 new go.Binding("stroke", "stroke").makeTwoWay(),
										 new go.Binding("background", "lightgreen"))								 
										));
2

Does the TextBlock render its text in the desired font? Or in other words, are you only asking about the TextEditingTool’s text editor?

3

In both TextBlock and TextEditingTool’s text editor the text is not displayed in the desired font.

4

Can you reproduce this issue in a simple codepen? For example I can’t get the font to show up even for text on the page:

https://codepen.io/simonsarris/pen/yoOJRL

(The two paragraphs below the Diagram should be using noto_sans)

5

Thanks Simon.
In my case I was setting the font value in the diagram as Noto Sans CJK JP. Changing it to noto_sans as in the css file worked for me.
but the same is not working in the codepen example you have added and I didn’t get why it is not working.