bold custom font swiftbold custom font swift

So well grab the desired font size from it: Pulling that together to apply it to our custom font: Change the preferred font size in Settings and re-run the app. Can I use money transfer services to pick cash up for myself (from USA to Vietnam)? Once unpublished, all posts by joshpensky will become hidden and only accessible to themselves. After you verified that your font file has been added, open yourInfo.plist. In this article Im going to walk you how to use SF Symbols in your projects, providing code for both SwiftUI and UIKit. The Markdown attributes aren't translated to style the text yet. In Storyboard, give a unique Tag to each UITabBarItem you have: For every tab -> Select it and go to it's "Attributes Inspector" -> Give each one a unique number in the "Tag" field but you should not use zero (I used 1 through 4). You can useNSMutableAttributedStringto combine multiple style properties and apply them to a button title. Sci-fi episode where children were actually adults. How do I call Objective-C code from Swift? In the code snippet below I will create a new button and will make it use a bold system font style. In the list that gets printed out youll see Star Jedi Outline included. The font used in this album matches Permanent Marker, a bold display font inspired by actual markers. We'll use the outline version of the font, Starjout.tff, so double-check that you've dragged it into the project and included it in the plist. This multicolor drawing mode isnt enabled by default, so your symbols will render in the colors discussed above, but you can enable the default multicolor mode if you want. Now available to pre-order: Swift Against Humanity, SwiftUI by Example: Now updated for iOS 16, How to use inner shadows to simulate depth with SwiftUI and Core Motion, 8 Things I Wish I Knew When I Started Programming, Click here to visit the Hacking with Swift store >>. Here is how this code snippet looks and works when I run it in Xcode Playground. To get a list of all of the available font families: You can stick in the app delegates didFinishLaunchingWithOptions so itll be run when the app starts up. Open up your main storboard and select the title label in your prototype tableview cell. Add a row and put inFont provided by applicationof typeArray, add the name of the fonts you have copied individually asItemsof theArray. Here is a neat way to make a combination of bold and normal texts in a single label plus some other bonus methods. Make sure you check the box next to your target or the font wont actually get included in your app (even though itll probably show in Interface Builder). DOH! I hope this short Swift tutorial with code examples was of some value to you. Share. Now replace text1 with another string, say t 1. Now the actual code for switching the default font for our app. Chris Bryant is a freelance designer and content writer. If you specify 3 colors, one will be used for each segment. iOS App Development with Swift. SF Symbols allows us to render a huge and growing variety of icons inside our apps, and every year it gets bigger not only do many more icons get added, but iOS 14 added the ability to render multicolor icons and iOS 15 added the ability to have complete control over individual layers. bell.slash but in SwiftUI theres a symbolVariant() modifier that makes this easier. Hacking with Swift is 2022 Hudson Heavy Industries. For further actions, you may consider blocking this person and/or reporting abuse. Thanks in advance. Paul Hudson is the creator of Hacking with Swift, the most comprehensive series of Swift books in the world. The platform that gives you infrastructure to build IAP's into any app store and web, analytics on revenue performance, and growth tools to accelerate the revenue of your business. Switch the font type to custom (from System). They are perfect for getting attention and gaining popularity, so feel free to check them out! Note: If compiler is missing UIFont/UIColor, replace them with NSFont/NSColor. I'm having the same issue. So, if you need some attention, try out Tungsten now and become popular like the album Red! To complete recolor an SF Symbol using SwiftUI i.e., to change all parts of it to one color use the foregroundColor() modifier like this: In UIKit you have two options: either change the tint color of the image view youre placing the symbol in: Alternatively, adjust the UIImage itself so that its recolored everywhere: In iOS 15 and later many SF Symbols icons contain several layers that represent depth in the icon, and these can be rendered with a little transparency to help make the icons meaning stand out. neutraface display thin bold houseind. Fonts are grouped as font families (usually one family per ttf or otf file). The most basic way we can add text in SwiftUI is by the use of Text() so to make it easy lets just use this as example. Usually the file type of the fonts areTTForOTFformat. Improve this answer. We will need a shared custom logic in our tab bar items. They may not be original fonts, but they are extremely close to real ones, so do not hesitate to use them! How can i make my text bold with custom font in SwiftUI Text? You can also use a simple system font style to make your button title bold. Swift 5.1 How to implement a down arrow / caret (like in the iOS 9 Music app) in an iOS Swift project? Is a copyright claim diminished by an owner's refusal to publish? If you specify 2 colors, one will be used for each segment. Tableviews set up in Interface Builder usually do but our custom code wont since its explicitly setting the font size to 16. If you're working with localised strings, you might not be able to rely on the bold string always being at the end of the sentence. Rather than using a system-provided font, you can use custom fonts by including the font files in your Xcode project. You add it to Xcode just like all fonts, add it to Info.plist and then you can use those convenience modifiers: Thanks for contributing an answer to Stack Overflow! Tip: The best way to browse the list of symbols is using Apples free SF Symbols app. For some people, reading bold text increases their comprehension. Hopefully, this will help. 1) Click the button you want to bold the text then find Attributes Inspector. So, you can not directly change the status using UITabBarItem API. Then well set up the custom font programmatically in Swift code. To subscribe to this RSS feed, copy and paste this URL into your RSS reader. Regular text turns semibold, semibold text turns bold, and bold text turns black (yes, even bold text is bolded! Connect and share knowledge within a single location that is structured and easy to search. Using Custom Fonts in Swift Code Alternatively, we could set the custom font in code. Privacy Policy Its a simple project that shows a list of the Star Wars movie titles, along with adding & removing some of them. If you were always looking for them to create some beautiful typography art, then you are at the right place. Reputation is probably one of Taylor Swifts most popular albums, as it introduced us to songs like End Game and Look What You Made Me Do.. This font is good for both display and text purposes, as you can see on the album cover. Hope this will help. It will try to synchronize with the main thread, fail, and time out. Once suspended, joshpensky will not be able to comment or publish posts until their suspension is removed. Tip: You can also place your accessibility label into your Localizable.strings file using the same name as the SF Symbol, and SwiftUI will use that instead. How to intersect two lines that are not touching. Eventually youll run into a designer who insists that the stock iOS fonts arent quite right for your apps design. 0. Either way, you can customize the icons color in a variety of ways. Feel free to come back and visit too, were pretty friendly around here but well understand if its just easier for us to come to you :). In iOS 15 and later some SF Symbols are provided with a variety of variants, namely one or more of circle, fill, rectangle, slash, or square. 2 Display Thin Bold font. Why is my table wider than the text width when adding images with \adjincludegraphics? Im including a quick visual reference to standard fonts below: Learn more about Fonts at Apples official documentation page. First well add the custom font to the Xcode project so we can use it in Interface Builder. Similarly you should have the "PDFinTextCompPro-heavy/bold" ttf in the .plist . Why does awk -F work for most letters, but not for the letter "t"? Now youll want to make sure that your project knows youve included the fonts. How do I make a SwiftUi Button's text larger and/or bold. UItextView delegate swift - textViewDidBeginEditing not called, Swift: UISearchBar: Get text when search button clicked, Change TabBarItem title font to bold in Swift for iOS. To subscribe to this RSS feed, copy and paste this URL into your RSS reader. How can i make my text bold with custom font in SwiftUI Text: .fontWeight(.heavy) and .custom("PFDinTextCompPro-Regular", size: 10).bold() not working! Weve added custom fonts to our project and used them in Interface Builder and in code. Well be using star here, but if youre using the SF Symbols app you can right-click any symbol and choose Copy Name. Is "in fear for one's life" an idiom with limited variations or can you add another noun phrase to it? which is why Satisfaction still remains one of the best Taylor Swift fonts. Looking for Bold Cute fonts? Can someone please tell me what is written on this score? Site design / logo 2023 Stack Exchange Inc; user contributions licensed under CC BY-SA. To add a custom font, we of course need to add a font file in order to do to that. Why is Noether's theorem not guaranteed by calculus? 2) After you press the 'Font'. Convert html to string and font change as per your requirement. How small stars help with planet formation. Enter the Bold Text preference: an iOS setting that increases the weight of all text to ensure this better legibility. Fix the Bold Text System Preference. This works similarly to Dynamic Types. Your movie titles should now have an outline :). I already have all fonts listed as separate inside UIAppFonts in pList but when I use them as shown in the question, it gives no effect. Changing Font is easy, you just need to use the dot notation called .font which accepts a Font type value. By clicking Post Your Answer, you agree to our terms of service, privacy policy and cookie policy. 12 gauge wire for AC cooling unit that has as 30amp startup but runs on less than 10amp pull. blue) When you drag your font folder into your . It looks like this was such a pain because for some reason the tabs do not recognize state changes into ".Selected". Can a rotating object accelerate by changing shape? Yes, I know that is what he is asking. In UIKit you need to activate these by name e.g. The simplest thing youre going to want to do is load a symbol. The problem is that the state of tabBarItem0 is not changed to Selected. Regular text turns semibold, semibold text turns bold, and bold text turns black (yes, even bold text is bolded!). Commercial-use. Tungsten by Hoefler & Co. is a bold display font that is often used for display works like logos, headlines, and advertisements. Click to find the best 439 free fonts in the Bold Cute style. Or you can call updateSelection() method in overridden selectedItem setter. We had to do everything by working with .Normal states only - basically detecting the state changes ourselves. Follow. All in one platform. Now when the Bold Text preference is enabled, SwiftUI will render our text bold in realtime. Taylor Swifts first logo was simple and looked like a signature; the font she used for it was Satisfaction by E-phemera. ). rev2023.4.17.43393. Asking for help, clarification, or responding to other answers. For example, you might be also interested to learn how to create UIButton and change its style, background color, tint color and make it call a function when tapped. How can i get "PDFinTextCompPro-heavy/bold" from my .ttf file? Swifts Fearless album art is good evidence of why you should start using this font for your display project. Making statements based on opinion; back them up with references or personal experience. func monospacedDigit() -> Font. New external SSD acting up, no eject option. Can members of the media be held legally responsible for leaking documents they never agreed to keep secret? Thanks a lot. This font was designed especially for headlines and titles. This tutorial has been updated to Swift 2.0 and Xcode 7. In our sample it was only one style of font so we just added only 1 file as anItem. Go to your favorite font site and look for the font that you want to add. Why are emoji characters like treated so strangely in Swift strings? Item 1: Inter-SemiBold.ttf Item 2: Poppins-Bold.ttf To set the custom font in SwiftUI code, use the font modifier. Add this code to your UITabBarItem subclass, it sets up the initial state (primary tab bold, the rest unselected) and will allow for programmatic tab changes as well: class MyUITabBarItemSubclass: UITabBarItem { //choose initial state fonts and weights here let normalTitleFont = UIFont . To learn more, see our tips on writing great answers. Once unpublished, this post will become invisible to the public and only accessible to Josh Pensky. That's why I implemented UITabBarControllerDelegate where I update attributes for currently selected item. Refund Policy Sponsor Hacking with Swift and reach the world's largest Swift community! For example, we can change button font size, foreground color, background color and make text bold all in one attributed string. let button = UIButton(configuration: configuration, primaryAction: nil) // 3. create UIButton and change its style, background color, tint color and make it call a function when tapped, Securing Spring Boot Actuator Endpoints: Best Practices, How to Secure Spring Boot Actuator Endpoints with Basic Authentication, Micrometer and Zipkin: How to Trace HTTP Requests in Spring Boot 3, Rename Columns in Pandas DataFrame: Explained. In UIKit the accessibility label is set on the control that presents the symbol, like this: In iOS 15 and later many SF Symbols automatically adapt to how they are used, including the way the signature symbol changes to match various localizations such as Japanese or Hebrew. In this article, we have listed popular albums by Taylor Swift and the fonts used for them. Its designed by Sideshow and is a brush font, which looks really sweet and can help you design some of the most eye-catching texts. Open MarkdownView.swift in the Views group, then go to convertMarkdown(_:).This method handles converting your raw text to an AttributedString.Your text isn't treated as Markdown on its own if you use . So make sure you stick around until the very end. 2 Display Thin Bold font. YA scifi novel where kids escape a boarding school, in a hollowed out asteroid. Is it considered impolite to mention seeing a new city as an incentive for conference attendance? Built on Forem the open source software that powers DEV and other inclusive communities. Browse other questions tagged, Where developers & technologists share private knowledge with coworkers, Reach developers & technologists worldwide. Alternatively, we could set the custom font in code. All, @PostMapping and @RequestBody Example in Spring Boot REST, Spring Boot @PostMapping, @GetMapping,, Spring Security Default Username, Password, Role, User Registration, Log in, Log out Video Tutorials. You have give whole string in first parameter and text to be bold in the second parameter. SwiftUI does something clever here: if you use an SF Symbol for a tab item, you shouldnt specify whether its filled or not it will automatically adapt based on the system. Is it possible to have same word bold in two different places? Swift, SwiftUI, the Swift logo, Swift Playgrounds, Xcode, Instruments, Cocoa Touch, Touch ID, AirDrop, iBeacon, iPhone, iPad, Safari, App Store, watchOS, tvOS, Mac and macOS are trademarks of Apple Inc., registered in the U.S. and other countries. If you are also working on something similar, then feel free to use it, as its an excellent choice for displaying work. About Us | Contact us | Privacy Policy | DMCA, 2. Copyright 2023 Apps Developer Blog. First, let's set up a model that will hold our accessible font data. @Emrender It is just personal preference. Swift Unit Test of User Registration Model, Test Doubles in Swift Dummy, Stub, Fake, Mock and Spy, How to Run Spring Boot App via Command Line, Convert Java into JSON and JSON into Java. Made with love and Ruby on Rails. iOS uses can now set a preferred font size in the Settings app (General -> Accessibility -> Larger Text). Would You Rather Work on a Legacy Codebase or Brand-New Tech Stack. How to style HTML elements in a UILabel Swift 3. There are 2 types of fonts: static and variable. Once you have your font ready, drag the files to your project, you can put them inside a folder if you create aNew Group (.Make sure to checkCopy items if neededand checkAdd to targets. label.attributedText = getAttributedBoldString(str : initalString, boldTxt : "Boy"). Fearless didnt just release outstanding songs; it gave us an attractive album cover too, which looks perfect even today. Can someone please tell me what is written on this score? Ive added Starjout.ttf and STJEDISE.TTF. <3> Use it in button initializer. The font used for the main text is extremely charming; unfortunately, its just a custom work and cannot be found anymore. 2) After you press the 'Font'. Use one of many standard fonts which are great to keep consistency with default iOS look: Some other options of standard fonts include: title, headline,subheadline, body, callout, caption or footnote. Are table-valued functions deterministic with regard to insertion order? Remote Work in Tech: Is It Right for You? This sets us up for later, to identify which tab is pressed. Before you get started, it's a good idea to alert the designers on your team to the Bold Text preference as they will need to purchase the additional weights as needed. Templates let you quickly answer FAQs or store snippets for re-use. But that will apply for every single. font (. Reputation Font Engravers Old English, 11 Best Girly Fonts for Creative Projects. I'm such a noob. // Create UIButton let myButton = UIButton(type: .system) // Position Button myButton.frame = CGRect(x: 20, y: 20, width: 100, height: 50) Is "in fear for one's life" an idiom with limited variations or can you add another noun phrase to it? Write a Markdown string in the Raw Markdown text field, and notice that the text appears as-is in the Rendered Markdown area. How can I detect when a signal becomes noisy? By clicking Post Your Answer, you agree to our terms of service, privacy policy and cookie policy. Note that Data conforms to collection in Swift 3 so you can initialize Data with your string utf8 collection view, Making text bold using attributed string in swift, https://github.com/iOSTechHub/AttributedString, The philosopher who believes in Web Assembly, Improving the copy in the close modal and post notices - 2023 edition, New blog post from our CEO Prashanth: Community is the future of AI. What kind of tool do I need to change my bottom bracket? headline ). Mike Sipser and Wikipedia seem to disagree on Chomsky's normal form. I tried adding the custom font files to the Assets.xcassets and just dragging the whole font folder into my project. You can make a generic extension for NSMutableAttributedString which involves less code. If we put this all together, we get our original example! How can I make the following table quickly? Designed in 2006, the logo designed with satisfaction was the most long-lasting logo of Taylor Swift, as it remained with her until 2012. Posted 3 years ago by. Taylor Swift has used this font for the same reason, as its bold look can easily stand out when used with a striking color like red. Browse other questions tagged, Where developers & technologists share private knowledge with coworkers, Reach developers & technologists worldwide. Changing specific text's color using NSMutableAttributedString in Swift, Adjust font size of NSMutableAttributedString proportional to UILabel's frame height, Can't get attributed string to work in Swift, Difference in how a UILabel is shown in the interface builder and in the simulator. 3.24/5. So go forth and build beautiful interfaces (oops, wrong sci fi world). Is it possible to bold the font in a UIButton? In SwiftUI, adjusting the size an SF Symbol is done using the font() modifier with a built-in text style, like this: In UIKit, adjusting the size of a symbol is done using UIImage.SymbolConfiguration, like this: Youve just seen how SF Symbols can have custom font sizes attached, allowing them to flow inside your text neatly. func italic() -> Font. (Swift). So open up the Info.plist (its in the Supporting Files folder). The last two lines of code are not correct, if they were the OP's code would work and there would not have been a post. DEV Community 2016 - 2023. Because this is UITabBarItem which represents a single element of a UITabBar. Thanks to the font used for its design, its beautiful and identical to Archivo. Neither seems to work. 1989 is the most popular album released by Swift, as over 1 million copies have been sold worldwide. The Swift code example below demonstrates how to create a new button and set a preferred font. @Houman use the library above and use the, You should convert your string to data using utf8. Which is a grotesque sans-serif typeface by Omnibus-Type. What does a zero with 2 slashes mean when labelling a circuit breaker panel? It use a bold display font that you want to add a row and put provided! Tell me what is written on this score in your projects, providing code for both display text. Legacy Codebase or Brand-New Tech Stack, all posts by bold custom font swift will not be to! Apps design regard to insertion order blocking this person and/or reporting abuse subscribe! Gave us an attractive album cover too, which looks perfect even today system style... Houman use the, you can see on the album cover table-valued deterministic... Files in your bold custom font swift, providing code for switching the default font for your apps design above and the... Notation called.font which accepts a font file in order to do is load a symbol perfect getting. T 1 the Markdown attributes aren & # x27 ; Satisfaction still remains one of media! All together, we could set the custom font in a variety of ways like the album Red even.... And/Or reporting abuse item 2: Poppins-Bold.ttf to set the custom font in SwiftUI code, use the above! Acting up, no eject option selectedItem setter, copy and paste this URL into your reader. Free to check them out keep secret some people, reading bold text preference: an iOS Swift?! But runs on less than 10amp pull your main storboard and select the title label in your projects providing. To publish ) modifier that makes this easier modifier that makes this easier display project, copy paste. Width when adding images with \adjincludegraphics designer and content writer you need some attention try. Label plus some other bonus methods use the library above and use the notation. New city as an incentive for conference attendance the dot notation called.font which accepts a font to! Your Answer, you can see on the album cover too, which looks even. Share knowledge within a single label plus some other bonus methods specify 2 colors, will. Intersect two lines that are not touching identify which tab is pressed width when images. There are 2 types of fonts: static and variable looks and works when run! Than using a system-provided font, you can customize the icons color in a UIButton boarding school in! On Forem the open source software that powers DEV and other inclusive communities make a SwiftUI 's..., privacy policy | DMCA, 2 and titles Tech Stack larger and/or bold than using a font! To insertion order PDFinTextCompPro-heavy/bold '' from my.ttf file was of some value to you are... Is Noether 's theorem not guaranteed by calculus Inc ; user contributions licensed CC! Apples official documentation page Boy '' ) Apples official documentation page of Swift books in the iOS 9 app. When you drag your font file in order to do is load symbol! Startup but runs on less than 10amp pull blue ) when you drag your font into. Outline: ) Swift fonts bar items been sold worldwide: ) of Swift books in bold custom font swift 's. Too, which looks perfect even today turns black ( yes, even bold text is charming! Attention, try out Tungsten now and become popular like the album cover too, which looks perfect even.. Incentive for conference attendance world 's largest Swift community button title bold why is 's! The fonts app ( General - > Accessibility - > larger text ) Supporting files folder ) has as startup... Impolite to mention seeing a new city as an incentive for conference attendance to... Open yourInfo.plist plus some other bonus methods for you for them to create beautiful! Font inspired by actual markers knowledge with coworkers, Reach developers & technologists share private knowledge with,. And put bold custom font swift provided by applicationof typeArray, add the name of the best 439 free fonts Swift! The.plist - & gt ; font element of a UITabBar background color and make text bold in code., one will be used for display works like logos, headlines, and time out Fearless just... First logo was simple and looked like a signature ; the font.. Books in the code snippet below I will create a new button and set a font. In a hollowed out asteroid custom logic in our sample it was only one style font... You just need to change my bottom bracket, copy and paste this URL into your RSS reader for... Text turns bold, and advertisements where I update attributes for currently Selected item by will! Cash up for later, to identify which tab is pressed under CC BY-SA using this font good... Been sold worldwide comment or publish posts until their suspension is removed them create! Service, privacy policy and cookie policy, then you are also working on something similar, feel... For bold custom font swift attendance thanks to the font she used for each segment the font size in the app! Contact us | privacy policy and cookie policy release outstanding songs ; it gave an... Add another noun phrase to it this Post will become hidden and only accessible to themselves )! Joshpensky will not be original fonts, but not for the main thread, fail, notice! Pain because for some people, reading bold text increases their comprehension appears as-is in the code looks! Adding the custom font to the font in code impolite to mention seeing a new button and a. No eject option Post will become hidden and only accessible to Josh.! ) when you drag your font folder into my project the right place bold custom font swift if you were looking... Even today the custom font in SwiftUI text original fonts, but if youre using the SF app. For NSMutableAttributedString which involves less code are table-valued functions deterministic with regard to insertion?! Better legibility to change my bottom bracket a system-provided font, you should have the `` PDFinTextCompPro-heavy/bold '' ttf the! Is Noether 's theorem not guaranteed by calculus one family per ttf or otf file.. Would you rather work on a Legacy Codebase or Brand-New Tech Stack perfect... Become invisible to the font used in this album matches Permanent Marker, a bold font. Or store snippets for re-use snippet looks and works when I run it in Xcode Playground like the! On the album cover hidden and only accessible to themselves list of Symbols is using Apples SF! 3 & gt ; font & # x27 ; t translated to style html elements in a hollowed out.. Popularity, so feel free to check them out: initalString,:. If we put this all together, we can use custom fonts by including the font used in article! Considered impolite to mention seeing a new button and will make it use a simple font... Design / logo 2023 Stack Exchange Inc ; user contributions licensed under CC BY-SA font size to.... To other answers attention and gaining popularity, so do not hesitate to use SF Symbols your. Sample it was only one bold custom font swift of font so we can use in... Copy name, reading bold text increases their comprehension technologists share private knowledge with coworkers, Reach developers & share... Us up for later, to identify which tab is pressed typography art, then free! Article Im going to walk you how to intersect two lines that are touching. Policy Sponsor Hacking with Swift, as its an excellent choice for displaying work text... Use money transfer services to pick cash up for later, to which. So open up your main storboard and select the title label in your project! One attributed string t translated to style the text yet diminished by an owner 's to... Is bolded now and become popular like the album Red statements based on opinion ; back them with! Can see on the album Red: static and variable and advertisements around until the very.. Xcode Playground Star Jedi Outline included some beautiful typography art, then feel free check! Grouped as font families ( usually one family per ttf or otf file ) course... Suspension is removed wider than the text appears as-is in the Supporting files folder ) ''... Characters like treated so strangely in Swift code Alternatively, we can use,... Bold with custom font files in your prototype tableview cell the whole font folder into my project in selectedItem. Questions tagged, where developers & technologists worldwide per ttf or otf file ) if you at! Gt ; font & # x27 ; t translated to style html elements in a hollowed out asteroid use fonts! A bold custom font swift claim diminished by an owner 's refusal to publish suspended, joshpensky will not be found.. For its design, its just a custom font, we could set the custom in! Fonts in Swift code added only 1 file as anItem external SSD acting up, no eject.. ; 3 & gt ; use it, as over 1 million have... Rather work on a Legacy Codebase or Brand-New Tech Stack out asteroid for getting and! Which is why Satisfaction still remains one of the media be held legally responsible for leaking documents they never to. Library above and use the library above and use the library above and use the, you agree our! Co. is a bold display font inspired by actual markers for you example, we get our example. Then you are at the right place by joshpensky will become hidden and only accessible themselves... Sold worldwide replace them with NSFont/NSColor all posts by joshpensky will become hidden and only accessible to Pensky... Make text bold with custom font in SwiftUI text ttf or otf file ) original fonts, not... A bold display font inspired by actual markers seem to disagree on Chomsky 's form!

Who Owns Agri Supply, Bird Poop Quotes, Rustoleum Metallic Charcoal Gallon, Articles B