Title: Custom Elements Last modified: March 31, 2017 --- # Custom Elements * Resolved [markroll](https://wordpress.org/support/users/markroll/) * (@markroll) * [9 years, 2 months ago](https://wordpress.org/support/topic/custom-elements-2/) * I would like to use the (Light) weight of the Open Sans font. Since this is a subset of the Regular font, which I’ve already added, I understand this has to be done through custom elements. Can someone explain how to create a custom element to achieve this, and then subsequently how to apply the font in tinymce Viewing 1 replies (of 1 total) * Plugin Author [hivewebstudios](https://wordpress.org/support/users/hivewebstudios/) * (@hivewebstudios) * [9 years, 1 month ago](https://wordpress.org/support/topic/custom-elements-2/#post-8981436) * Hello markroll, * You did not tell us whether you uploaded the font using section 1 “Add Fonts” or section 2 “Custom Fonts”, so I will answer for both. * First of all make sure you have our latest version of the plugin 🙂 Also note there is no need to use the custom elements section of the plugin in this case. * 1st step is to upload the font: =============================== * The font Open Sans is already in our system, which means you can simply click on it in section 1 “Add Fonts” and press “Use this font”. When you do that you will automatically have all of the font weights of open sans available to use instantly. * A second option is to manually upload the files of the Open Sans light weight. You simply go to section 2 “Custom Fonts” add the light weight of Open Sans under the same name as the regular font, and on the “Font Weight” field you choose light. * 2nd step is to assign the font to the correct elements you want: =========== ===================================================== * In section 3 “Known Elements Settings” you can choose the font you want to use on each element, in your case that would be “Open Sans”, and after choosing it there will open a select menu “Font Weight” right under, and there you choose“ Light”. After it you only need to save the changes and that is all 🙂 * For your last question about tinyMCE: ===================================== * While bold and italic are integral part of HTML text formatting, “light” is not. That is why on the text editor there is not straight forward way to “light” text. This is not a plugin related issue but simply how the web world works. You have 2 choices: 1. Target the elements you want to “light” in the plugin settings page, such as

for example, then assign it Open Sans Light. or 2. If you need to “light” specific text in text editor, use CSS code to manipulate the specific text locally. If you don’t have any knowledge on CSS you should contact a webmaster or maybe try an online guide about “Css font weight”. * That said we have taken into consideration the fact that such a formatting feature might be useful to our users and we will work on adding it into next versions of the plugin so our users will have easier time formatting their text in non- standard ways. * If you need any further help, let us know, we are at your service! Viewing 1 replies (of 1 total) The topic ‘Custom Elements’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/font-organizer_ffffff.svg) * [Font Organizer](https://wordpress.org/plugins/font-organizer/) * [Frequently Asked Questions](https://wordpress.org/plugins/font-organizer/#faq) * [Support Threads](https://wordpress.org/support/plugin/font-organizer/) * [Active Topics](https://wordpress.org/support/plugin/font-organizer/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/font-organizer/unresolved/) * [Reviews](https://wordpress.org/support/plugin/font-organizer/reviews/) ## Tags * [custom element](https://wordpress.org/support/topic-tag/custom-element/) * [font-weight](https://wordpress.org/support/topic-tag/font-weight/) * 1 reply * 2 participants * Last reply from: [hivewebstudios](https://wordpress.org/support/users/hivewebstudios/) * Last activity: [9 years, 1 month ago](https://wordpress.org/support/topic/custom-elements-2/#post-8981436) * Status: resolved