{"id":2002,"date":"2015-04-03T16:16:13","date_gmt":"2015-04-03T14:16:13","guid":{"rendered":"http:\/\/www.jensd.de\/wordpress\/?p=2002"},"modified":"2015-04-03T16:16:13","modified_gmt":"2015-04-03T14:16:13","slug":"fontawesomefx-8-3-is-there","status":"publish","type":"post","link":"https:\/\/www.jensd.de\/wordpress\/?p=2002","title":{"rendered":"FontAwesomeFX 8.3 is there!"},"content":{"rendered":"<p><strong>FontAwesomeFX 8.3 comes with extended CSS support.<\/strong><\/p>\n<p>Introducing two new CSS Properties to set the glyph name and size via stylesheet, while the <string> value for the name and the <size> value for the glyph size follows the common JavaFX CSS type definition:<\/p>\n<p><strong>-glyph-name: <a href=\"http:\/\/docs.oracle.com\/javafx\/2\/api\/javafx\/scene\/doc-files\/cssref.html#typestring\" title=\"http:\/\/docs.oracle.com\/javafx\/2\/api\/javafx\/scene\/doc-files\/cssref.html#typestring\" target=\"_blank\">&lt;string&gt;<\/a><\/strong><br \/>\n<strong>-glyph-size: <a href=\"http:\/\/docs.oracle.com\/javafx\/2\/api\/javafx\/scene\/doc-files\/cssref.html#typesize\" title=\"http:\/\/docs.oracle.com\/javafx\/2\/api\/javafx\/scene\/doc-files\/cssref.html#typesize\" target=\"_blank\">&lt;size&gt;<\/a><\/strong><\/p>\n<p>You can now set all icon properties via CSS only:<\/p>\n<p>[java]<br \/>\n\/*<br \/>\n .thumbs-up-icon{<br \/>\n   -glyph-name: &#8220;THUMBS_UP&#8221;;<br \/>\n   -glyph-size: 6em;<br \/>\n }<\/p>\n<p> .thumbs-down-icon{<br \/>\n   -glyph-name: &#8220;THUMBS_DOWN&#8221;;<br \/>\n   -glyph-size: 6em;<br \/>\n }<br \/>\n *\/<br \/>\nFontAwesomeIcon thumbsUpIcon = new FontAwesomeIcon();<br \/>\nthumbsUpIcon.setStyleClass(&#8220;thumbs-up-icon&#8221;);<\/p>\n<p>FontAwesomeIcon thumbsDownIcon = new FontAwesomeIcon();<br \/>\nthumbsDownIcon.setStyleClass(&#8220;thumbs-down-icon&#8221;);<br \/>\n[\/java]<\/p>\n<p><a href=\"http:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/04\/updown.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2016\" data-permalink=\"https:\/\/www.jensd.de\/wordpress\/?attachment_id=2016\" data-orig-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/04\/updown.png\" data-orig-size=\"342,244\" 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=\"updown\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/04\/updown-300x214.png\" data-large-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/04\/updown.png\" tabindex=\"0\" role=\"button\" src=\"http:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/04\/updown.png\" alt=\"updown\" width=\"342\" height=\"244\" class=\"aligncenter size-full wp-image-2016\" srcset=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/04\/updown.png 342w, https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/04\/updown-300x214.png 300w\" sizes=\"(max-width: 342px) 100vw, 342px\" \/><\/a><\/p>\n<p>CSS style class support is also very handy when used in SceneBuilder or in FXML:<\/p>\n<p><a href=\"http:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/04\/updownsb.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2018\" data-permalink=\"https:\/\/www.jensd.de\/wordpress\/?attachment_id=2018\" data-orig-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/04\/updownsb.png\" data-orig-size=\"1029,289\" 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=\"updownsb\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/04\/updownsb-300x84.png\" data-large-file=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/04\/updownsb-1024x288.png\" tabindex=\"0\" role=\"button\" src=\"http:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/04\/updownsb.png\" alt=\"updownsb\" width=\"1029\" height=\"289\" class=\"aligncenter size-full wp-image-2018\" srcset=\"https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/04\/updownsb.png 1029w, https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/04\/updownsb-300x84.png 300w, https:\/\/www.jensd.de\/wordpress\/wp-content\/uploads\/2015\/04\/updownsb-1024x288.png 1024w\" sizes=\"(max-width: 1029px) 100vw, 1029px\" \/><\/a><\/p>\n<p>[xml]<br \/>\n<HBox><br \/>\n  <children><br \/>\n    <FontAwesomeIcon styleClass=\"thumbs-up-icon\" \/><br \/>\n    <FontAwesomeIcon styleClass=\"thumbs-down-icon\" \/><br \/>\n  <\/children><br \/>\n<\/HBox><br \/>\n[\/xml]<\/p>\n<p><strong>Get 8.3:<\/strong><br \/>\nDownload 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.3<\/version><br \/>\n<\/dependency><br \/>\n[\/xml]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>FontAwesomeFX 8.3 comes with extended CSS support. Introducing two new CSS Properties to set the glyph name and size via stylesheet, while the value for the name and the value for the glyph size follows the common JavaFX CSS type definition: -glyph-name: &lt;string&gt; -glyph-size: &lt;size&gt; You can now set all icon properties via CSS only:&hellip; <span class=\"clear\"><\/span><a href=\"https:\/\/www.jensd.de\/wordpress\/?p=2002\" class=\"more-link read-more\" rel=\"bookmark\">Continue Reading <span class=\"screen-reader-text\">FontAwesomeFX 8.3 is there!<\/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-wi","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2002"}],"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=2002"}],"version-history":[{"count":15,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2002\/revisions"}],"predecessor-version":[{"id":2021,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/2002\/revisions\/2021"}],"wp:attachment":[{"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2002"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2002"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}