{"id":1933,"date":"2015-02-18T20:47:10","date_gmt":"2015-02-18T19:47:10","guid":{"rendered":"http:\/\/www.jensd.de\/wordpress\/?p=1933"},"modified":"2015-03-03T14:06:38","modified_gmt":"2015-03-03T13:06:38","slug":"introducing-fontawesomefx-8-1","status":"publish","type":"post","link":"https:\/\/www.jensd.de\/wordpress\/?p=1933","title":{"rendered":"Introducing: FontAwesomeFX 8.1"},"content":{"rendered":"<p>I have started a new major of FontAwesomeFX.<\/p>\n<p><a href=\"http:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fa81_structure.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1939\" data-permalink=\"https:\/\/www.jensd.de\/wordpress\/?attachment_id=1939\" data-orig-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fa81_structure.png\" data-orig-size=\"337,325\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"fa81_structure\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fa81_structure-300x289.png\" data-large-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fa81_structure.png\" tabindex=\"0\" role=\"button\" src=\"http:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fa81_structure.png\" alt=\"fa81_structure\" width=\"337\" height=\"325\" class=\"aligncenter size-full wp-image-1939\" srcset=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fa81_structure.png 337w, https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fa81_structure-300x289.png 300w\" sizes=\"(max-width: 337px) 100vw, 337px\" \/><\/a><\/p>\n<p>First of all the new container for an icon character now extends <code><strong>javafx.scene.text.Text<\/strong><\/code> instead of <code><strong>javafx.scene.control.Label<\/strong><\/code> (see <a href=\"http:\/\/rrohm.com\/en\/javafx\/javafx-text-display-and-memory\" title=\"http:\/\/rrohm.com\/en\/javafx\/javafx-text-display-and-memory\" target=\"_blank\">this post<\/a> for details, many thanks to <strong>Peter Schulz<\/strong> for the hint!).<br \/>\nIf you know former versions of FontAwesomeFX you may notice that <code>AwesomeDude<\/code> is now called <code>GlyphsDude<\/code>, <code>AwesomeIconsStack<\/code> is now <code>GlyphsStack<\/code> and so on. But the most significant change is the option to support basically any Glyph\/Web Font by just adding a new implementation <code><strong>GlyphIcon<T><\/strong><\/code> where T implements the <code><strong>GlyphIconName<\/strong><\/code> interface and the name -> unicode mapping (as Enum).<\/p>\n<p><strong>Currently 2 icon fonts support are build-in:<\/strong><\/p>\n<p><code><strong>FontAwesomeIcon<\/strong><\/code><br \/>\n(in respect to <strong>Dave Gandy<\/strong> <a href=\"http:\/\/fortawesome.github.io\/Font-Awesome\/\" title=\"http:\/\/fortawesome.github.io\/Font-Awesome\/\" target=\"_blank\">http:\/\/fortawesome.github.io\/Font-Awesome\/<\/a> (Yes: &#8216;fortawesome&#8217; its not a typo ;-)))<br \/>\n<a href=\"http:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fa_icons.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1949\" data-permalink=\"https:\/\/www.jensd.de\/wordpress\/?attachment_id=1949\" data-orig-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fa_icons.png\" data-orig-size=\"949,737\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"fa_icons\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fa_icons-300x233.png\" data-large-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fa_icons.png\" tabindex=\"0\" role=\"button\" src=\"http:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fa_icons.png\" alt=\"fa_icons\" width=\"949\" height=\"737\" class=\"aligncenter size-full wp-image-1949\" srcset=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fa_icons.png 949w, https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fa_icons-300x233.png 300w\" sizes=\"(max-width: 949px) 100vw, 949px\" \/><\/a><\/p>\n<p><code><strong>WeatherIcon<\/strong><\/code><br \/>\n(in respect to <strong>Erik Flowers<\/strong> and <strong>Lukas Bischoff<\/strong> <a href=\"http:\/\/erikflowers.github.io\/weather-icons\/\" title=\"http:\/\/erikflowers.github.io\/weather-icons\/\" target=\"_blank\">http:\/\/erikflowers.github.io\/weather-icons\/<\/a>)<br \/>\n<a href=\"http:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/wi_icons.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1950\" data-permalink=\"https:\/\/www.jensd.de\/wordpress\/?attachment_id=1950\" data-orig-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/wi_icons.png\" data-orig-size=\"948,735\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"wi_icons\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/wi_icons-300x233.png\" data-large-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/wi_icons.png\" tabindex=\"0\" role=\"button\" src=\"http:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/wi_icons.png\" alt=\"wi_icons\" width=\"948\" height=\"735\" class=\"aligncenter size-full wp-image-1950\" srcset=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/wi_icons.png 948w, https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/wi_icons-300x233.png 300w\" sizes=\"(max-width: 948px) 100vw, 948px\" \/><\/a><\/p>\n<p><strong>Usage in FXML<\/strong><\/p>\n<p><a href=\"http:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fxml_usage.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1946\" data-permalink=\"https:\/\/www.jensd.de\/wordpress\/?attachment_id=1946\" data-orig-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fxml_usage.png\" data-orig-size=\"424,759\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"fxml_usage\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fxml_usage-168x300.png\" data-large-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fxml_usage.png\" tabindex=\"0\" role=\"button\" src=\"http:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fxml_usage.png\" alt=\"fxml_usage\" width=\"424\" height=\"759\" class=\"aligncenter size-full wp-image-1946\" srcset=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fxml_usage.png 424w, https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/fxml_usage-168x300.png 168w\" sizes=\"(max-width: 424px) 100vw, 424px\" \/><\/a><\/p>\n<p>[xml]<br \/>\n<?import de.jensd.fx.glyphs.fontawesome.*?><br \/>\n<?import de.jensd.fx.glyphs.weathericons.*?><\/p>\n<p><fx:root prefHeight=\"300.0\" prefWidth=\"600.0\" type=\"VBox\" xmlns=\"http:\/\/javafx.com\/javafx\/8\" xmlns:fx=\"http:\/\/javafx.com\/fxml\/1\"><br \/>\n    <children><br \/>\n        <VBox alignment=\"CENTER\" spacing=\"10.0\"><br \/>\n            <children><br \/>\n                <FontAwesomeIcon iconName=\"STAR\" size=\"12em\" glyphStyle=\"-fx-fill: linear-gradient(#70b4e5 0%, #247cbc 70%, #2c85c1 85%);\"\/><br \/>\n                <WeatherIcon iconName=\"CLOUD\" size=\"12em\" glyphStyle=\"-fx-fill: linear-gradient(#70b4e5 0%, #247cbc 70%, #2c85c1 85%);\"\/><br \/>\n                <StackPane><br \/>\n                    <children><br \/>\n                      <FontAwesomeIcon iconName=\"CIRCLE\" size=\"24em\" glyphStyle=\"-fx-fill: linear-gradient(#70b4e5 0%, #247cbc 70%, #2c85c1 85%);\"\/><br \/>\n                      <FontAwesomeIcon iconName=\"BITBUCKET\" size=\"12em\" glyphStyle=\"-fx-fill: linear-gradient(#ffffff, #d2d2d2); -fx-effect: dropshadow( one-pass-box , rgba(0,0,0,0.8) , 4 , 0.0 , 1 , 1 );\"\/><br \/>\n                     <\/children><br \/>\n                <\/StackPane><br \/>\n            <\/children>\n            <padding>\n                <Insets bottom=\"20.0\" top=\"20.0\" \/>\n            <\/padding>\n        <\/VBox><br \/>\n    <\/children><br \/>\n<\/fx:root><br \/>\n[\/xml]<\/p>\n<p><strong>Usage in SceneBuilder<\/strong><\/p>\n<p><iframe loading=\"lazy\" title=\"FontAwesome 8.1 - Usage in SceneBuilder (and FXML)\" width=\"900\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/UM05r6QsSbQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/p>\n<p>Also layered combinations are supported: <code><strong>GlyphStack<\/strong><\/code><\/p>\n<p><a href=\"http:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/stack.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1954\" data-permalink=\"https:\/\/www.jensd.de\/wordpress\/?attachment_id=1954\" data-orig-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/stack.png\" data-orig-size=\"498,365\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"stack\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/stack-300x220.png\" data-large-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/stack.png\" tabindex=\"0\" role=\"button\" src=\"http:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/stack.png\" alt=\"stack\" width=\"498\" height=\"365\" class=\"aligncenter size-full wp-image-1954\" srcset=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/stack.png 498w, https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/stack-300x220.png 300w\" sizes=\"(max-width: 498px) 100vw, 498px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/stack_code.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1955\" data-permalink=\"https:\/\/www.jensd.de\/wordpress\/?attachment_id=1955\" data-orig-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/stack_code.png\" data-orig-size=\"820,369\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"stack_code\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/stack_code-300x135.png\" data-large-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/stack_code.png\" tabindex=\"0\" role=\"button\" src=\"http:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/stack_code.png\" alt=\"stack_code\" width=\"820\" height=\"369\" class=\"aligncenter size-full wp-image-1955\" srcset=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/stack_code.png 820w, https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/02\/stack_code-300x135.png 300w\" sizes=\"(max-width: 820px) 100vw, 820px\" \/><\/a><\/p>\n<p>Download Binaries: <a href=\"https:\/\/bitbucket.org\/Jerady\/fontawesomefx\/downloads\" title=\"https:\/\/bitbucket.org\/Jerady\/fontawesomefx\/downloads\" target=\"_blank\">Download<\/a><br \/>\nSources available at <a href=\"https:\/\/bitbucket.org\/Jerady\/fontawesomefx\/src\" title=\"FontAwesomeFX\" target=\"_blank\">Bitbucket<\/a><\/p>\n<p>Maven:<br \/>\n[xml]<br \/>\n<dependency><br \/>\n  <groupId>de.jensd<\/groupId><br \/>\n  <artifactId>fontawesomefx<\/artifactId><br \/>\n  <version>8.1<\/version><br \/>\n<\/dependency><br \/>\n[\/xml]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I have started a new major of FontAwesomeFX. First of all the new container for an icon character now extends javafx.scene.text.Text instead of javafx.scene.control.Label (see this post for details, many thanks to Peter Schulz for the hint!). If you know former versions of FontAwesomeFX you may notice that AwesomeDude is now called GlyphsDude, AwesomeIconsStack is&hellip; <span class=\"clear\"><\/span><a href=\"https:\/\/www.jensd.de\/wordpress\/?p=1933\" class=\"more-link read-more\" rel=\"bookmark\">Continue Reading <span class=\"screen-reader-text\">Introducing: FontAwesomeFX 8.1<\/span><i class=\"fa fa-arrow-right\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"footnotes":"","_jetpack_memberships_contains_paid_content":false,"jetpack_publicize_message":"FontAwesomeFX 8.0.10 released http:\/\/wp.me\/p38FCL-p6","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[52,32,20,2,25,94,15,59,14,4,8],"tags":[108,93,95,83,90,31,84,60,82,76,39],"jetpack_publicize_connections":[],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p38FCL-vb","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1933"}],"collection":[{"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1933"}],"version-history":[{"count":25,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1933\/revisions"}],"predecessor-version":[{"id":1969,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1933\/revisions\/1969"}],"wp:attachment":[{"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}