Hi Scott,
Thanks for your interest in Syncfusion products.
Currently, we have reduced the size of CSS file by removing unwanted icons and segregating the icons theme wise and this will be available in our upcoming Essential Studio Volume 1, 2019 release. To maintain single file, we have maintained the icons in base64 format.
Query 1: Is there a "theme-less" or minimally-themed version of EJ2 available that we can style ourselves that doesn't come bundled with style-related scripting (e.g. Material's "ripple" scripting)
Currently, we don’t have any support for theme-less or minimal-themed version of EJ2 styles. We have provided support for overall wrap styles in theme studio and we don’t have any plan for individual skeleton structure.
Query 2: Why does the Theme Studio still include styles for other components (like Buttons and Checkboxes) when I select only the Grid component?
The Grid component needs button and checkbox styles for specific features. Hence, on downloading Grid component their corresponding dependencies [Button and Checkbox] also gets downloaded.
Query 3: Is there a minimal version of the e-icons font that doesn't include unused icons? If not, do you have a list of characters/glyphs from the e-icons font that are necessary, so I can manually edit the font file to remove unused characters?
Yes, you can remove unwanted and unused icons from metro studio application. We have also provided metro project icon file for selecting required icons and manually deleting the unwanted ones and the same can be referred from the below link.
Please find the documentation link for Metro Studio installation and Project creation.
Query 4: Will you update your CSS files to use WOFF instead of TTF?
We can update the CSS files and specify the format of icon file. Please find the below steps for generating font file using metro studio application.
Step 1: Open the metro project icon file metro project application by clicking on the open option provided at the bottom left corner of metro studio application. Please find the metro project icon file from the below link. All the icons in the e-icons file will be shown. Select the required icons and delete the unwanted ones.
Step 2: After opening the project, the project will be added in the bottom scroll bar. Click on create font button from the e-icons project.
Step 3: The character mapping window will be appeared with the corresponding name, glyph and code. Click on Generate font button at the bottom right corner of character mapping window.
Step 4: The corresponding font file for the selected icons will be generated. Refer the font face in the style file with the required format type as shown below.
@font-face {
font-family: 'e-icons';
src:
url('e-icons/Fonts/e-icons.ttf') format('truetype'),
url('e-icons/Fonts/e-icons.eot') format('eot'),
url('e-icons/Fonts/e-icons.svg?#e-icons') format('svg');
font-weight: normal;
font-style: normal;
}
For your convenience, we have downloaded the grid component styles and referred the generated font family file in CSS file and the same can be referred from the below link.
Note: As of now please ignore ClearAll icon while generating font file as we are having issues with it.
Please let us know if you have any concerns.
Regards,
Jayakumar D