You embed the font along with your application. You load the font by name. Simply place the ttf font file in a package in your application. Then you need to include a fonts.mf file in the META-INF of the jar so that we can discover the embedded fonts at runtime. The fonts.mf file is simply a properties file that lists the name of the font and the location of the font.
fonts.mf:
Arindam\ Neo\ Bold = /com/mycompany/fonts/arind.ttf
for example. Then in code you just load a font by name, using the name that you entered into your fonts.mf:
Font {
name: "Arindam Neo Bold"
size: 27
}
Related post: Ten minute introduction to JavaFX
package tutorial;
import java.lang.Thread;
import javafx.data.pull.PullParser;
import javafx.data.xml.QName;
import javafx.io.http.HttpRequest;
import javafx.scene.Group;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.paint.Color;
import javafx.scene.paint.LinearGradient;
import javafx.scene.paint.Stop;
import javafx.scene.Scene;
import javafx.scene.shape.Rectangle;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
import javafx.stage.Stage;
import javafx.stage.StageStyle;
def sceneWidth = 425;
def sceneHeight = 300;
var sunrise: String; // sunrise time
var sunset: String; // sunset time
var topRectangle: Rectangle = Rectangle {
translateX: 0
translateY: 10
width: sceneWidth - 2
height: 60
stroke: Color.DARKBLUE
strokeWidth: 1
arcWidth: 32
arcHeight: 32
fill: LinearGradient {
endY: 0
stops: [
Stop {
offset: 0
color: Color.DARKBLUE
}
Stop {
offset: 1
color: Color.LIGHTBLUE
}
]
}
}
var bottomRectangle: Rectangle = Rectangle {
translateX: 2
translateY: 160
width: 400
height: 60
stroke: Color.DARKBLUE
arcWidth: 32
arcHeight: 32
fill: LinearGradient {
endY: 0
stops: [
Stop {
offset: 0
color: Color.DARKBLUE
}
Stop {
offset: 1
color: Color.LIGHTBLUE
}
]
}
}
var result: String = " Sunrise: {sunrise} \n Sunset: {sunset}" on replace oldValue {
println("replace");
}
var textResult = Text {
wrappingWidth: 200
translateX: 25
translateY: 100
content: bind result ;
fill: Color.DARKBLUE
font: Font { size: 18
}
}
var rightRectangle: Rectangle = Rectangle {
translateX: topRectangle.width - 210
translateY: 10
width: 210
height: 60
stroke: Color.DARKBLUE
arcWidth: 32
arcHeight: 32
fill: LinearGradient {
endY: 0
stops: [
Stop {
offset: 0
color: Color.DARKBLUE
}
Stop {
offset: 1
color: Color.LIGHTBLUE
}
]
}
}
var text = Text {
x: 10
y: 50
font: Font { size: 20
}
fill: Color.WHITE
content: " Barajas - Madrid "
}
var url = "http://weather.yahooapis.com/forecastrss?p=SPXX0050&u=c";
println(" url.length : {url.length()} ");
if (url.length() == 55 ) {
result = " Getting data .... ";
HttpRequest {
location: url
onDone: function() {
print ("done");
// Simulating a slow service
Thread.sleep(1000);
result = " Sunrise: {sunrise} \n Sunset: {sunset}" ;
}
onInput: function(input) {
try {
PullParser {
input: input
onEvent: function(event) {
if ((event.type == PullParser.START_ELEMENT) and (event.qname.prefix == "yweather")) {
if (event.qname.name == "astronomy") {
sunrise = event.getAttributeValue(QName{name: "sunrise"
});
println("sunrise = {sunrise}");
sunset = event.getAttributeValue(QName{name: "sunset"
});
println(" sunset = {sunset}");
}
}
}
}.parse()
} finally {
input.close();
}
}
}
}.start();
// Image
var sunImage: Image = Image {
url: "{__DIR__}media/sun.png"
}
var sunView: ImageView = ImageView {
translateX: 200
translateY: 50
image: sunImage
}
Stage {
title: " Sunrise and sunset in Barajas "
width: sceneWidth
height: sceneHeight
style: StageStyle.TRANSPARENT
scene: Scene {
width: sceneWidth
height: sceneHeight
content: Group {
content: bind [ topRectangle, text, rightRectangle, textResult, bottomRectangle, sunView ]
clip: Rectangle {
width: sceneWidth
height: sceneHeight
arcWidth: 32
arcHeight: 32
}
}
fill: Color.TRANSPARENT
}
}
var x: Number = 0.9;
var name: String = "David";
var y: Integer = 0;
var flag: Boolean = true;
var numbers: Number = [1,2,3,4,5];
var x = 0.9;
var name = "David";
var y = 0;
var flag = true;
var numbers = [1,2,3,4,5];
Array handling is very intuitive:
(5 == 5 and 6 == 6) // => returns true
if (codebase == "" or codebase.startsWith ( "file:"))
not (5 == 4) // => true
def days = [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Sat", "Sun"];
println (days [0]) // Monday
println (days [1]) // Tuesday
println (days [2]) // Wednesday
println (days [3]) // Thursday
println (days [4]) // Friday
println (days [5]) // Saturday
println (days [6]) // Sunday
x = [1,2,3];To determine the size of the sequence use the sizeof keyword:
insert 10 as first into x ; // => [10,1,2,3]
insert 6 after x[. == 2]; // => [10,1,2,6,3]
println ( "{sizeof days}"); // => 7
var nums = [1 .. 5];
reverse nums; // => [5, 4, 3, 2, 1]
var list = [1,2,7,3,30,15,14,6,4];
var less_than_10 = list [n | n <10]>
println ( "Result: (menores_de_10)") => 1 2 7 3 6 4
var even = list [n | n mod 2 == 0];
println ( "Even: (even)") / / => 2 30 14 6 4
To create a class that models a postal address (with the attributes Street, City, State, ZipCode and a method print() to print a representation of the object) type:
for (i in lista){ if (i <> 1 2 7 3 6 4
var postalAddress = PostalAddress {
street: "Loop street "
city: "Los Angeles"
state: "California"
zipCode: "28042"
)
function addN(n: Number): function(:Number): Number {
function(x: Number): Number { x + n }
}
var addTen = addN(10);
println(addTen(3)); // => 13.0
Note. To obtain the location code corresponding to the city where you live can be found on page Yahoo Weather. Here we introduce the name of our city in the search box. On the resulting page, the final part of the URL for the code we need. For example if we want the code for Sabadell city: Click the GO button and we get the following page: Therefore, the code for this location is p = SPXX0066. |
|---|
def sceneWidth = 425;
def sceneHeight = 300;
var amanecer: String; //sunrise time
var ocaso: String; // sunset time
HttpRequest {
location: url
onDone: function() {
print ("done");
// Para simular un web service lento
Thread.sleep(1000);
resultado = " Amanecer: {amanecer} \n Ocaso: {ocaso}" ;
}
onInput: function(input) {
try {
PullParser {
input: input
onEvent: function(event) {
if ((event.type == PullParser.START_ELEMENT) and (event.qname.prefix == "yweather")) {
if (event.qname.name == "astronomy") {
amanecer = event.getAttributeValue(QName{name: "sunrise"
});
println("amanecer = {amanecer}");
ocaso = event.getAttributeValue(QName{name: "sunset"
});
println(" ocaso = {ocaso}");
}
}
}
}.parse()
} finally {
input.close();
}
}
}
var topRectangle: Rectangle = Rectangle {
translateX: 0
translateY: 10
width: sceneWidth - 2
height: 60
stroke: Color.DARKBLUE
strokeWidth: 1
arcWidth: 32
arcHeight: 32
fill: LinearGradient {
endY: 0
stops: [
Stop {
offset: 0
color: Color.DARKBLUE
}
Stop {
offset: 1
color: Color.LIGHTBLUE
}
]
}
}
You can see the complete code of the application. You can also run the application by clicking the next link
Stage {
title: " Amanecer y Ocaso en Barajas "
width: sceneWidth
height: sceneHeight
style: StageStyle.TRANSPARENT
scene: Scene {
width: sceneWidth
height: sceneHeight
content: Group {
content: bind [ topRectangle, text, rightRectangle, textResult, bottomRectangle, solView ]
clip: Rectangle {
width: sceneWidth
height: sceneHeight
arcWidth: 32
arcHeight: 32
}
}
fill: Color.TRANSPARENT
}
}
