I need to view an icon.ttf (svg,woff,eot,whatever) font file. I do NOT want to create CSS to do this. There are hundreds of icons and I need to look at them quickly. Is there anything I can use to open the font file?
The only responses are along this vein: If I have a generated icon-font as TTF, can I tell which CSS content-property belongs to which character? and include CSS - that is NOT what I am looking for. I want to preview the file NOT through manual entry using CSS (or SASS, etc).
I am assuming this cannot be done since I havent found a decent answer. If you have the knowledge for how to preview an icon font, please share!!
You could use the Character Map tool in Windows. Just select the icon font and you can preview the entire list as well as the corresponding css codes.
Related
I'm creating a webpage using markdown hosted by github.io. I really don't like the blue color of the hyperlink automatically generated by markdown and I'm wondering if it's possible to change it. More specifically, I'd like the text to stay black and the solid underline to become dashed underline. Here is a sample code:
Support static-based commenting via [Staticman](https://staticman.net/) for sites hosted with GitHub Pages. [#424](https://github.com/mmistakes/minimal-mistakes/issues/424)
I heard github markdown is different from traditional markdown, but I've seen people changed the link color and underline type with the same website template so I think it's still possible to change. Any suggestions?
Since GitHub uses its own styling after it processes your markdown file, any custom stylings will be overwritten. However, in a broader case, you can always use HTML elements in your markdown files. Take this example:
[normal link](https://www.google.com/)
custom link
The first one will appear as a normal blue link which will be underlined when you hover your mouse over it. The second one is a link that matches your requirements for black color and dotted underline.
I tested it on my local machine and it renders just fine in VSCode, but all styling is lost when I put it on GitHub.
Though, since you're going for a webpage, I really recommend going for HTML and CSS. They're really easy if you know MD and are much much more customizable.
I am using asciidoctor-fopub to generate a pdf from an asciidoc.
The page number is added in the middle of the page footer. I would like to move it to the far right. I am convinced that this is doable. But I can't find any example of how to customize the page footer properly.
Since you already have asciidoc files it might be easier to use asciidoctor-pdf directly. With asciidoctor-pdf it is possible to design your own footer with themes. How to apply themes is described here.
I work on 3 different repositories at the same time and I want to have a sublime project for each with the same theme except with different tab colors so I can quickly identify which is which. I am trying to use darkside-contrast from Dayle Color Schemes.
I opened up the darkside-contrast.tmTheme and it is an xml and I tried editing all of the colors but cannot figure out which one controls the tab colors.
I see that there are some settings like sheet_container_control that may be useful, but I am not sure what to do with this or where I can find a full list of parameters in a sublime theme. Do I edit the tmTheme xml or do I need some sort of JSON file to specify tab color? Can I use the sublime-project file to specify this for each project?
I would also like to shrink the tab heights. Any pointers would be great. Thanks
For project multitasking, I'd suggest you simply add each project folder on a separate sublime window sidebar and switch between them. This way each indexed project will be a breeze to browse through (CTRL+T or CMD+T on mac) without any unwanted files from other projects.
Related topic if you wish to check (it's not limited to just Monokai theme but also shows how to create your own theme file with the specific setting you wish to tweak): How to change Sublime Text 2 selected tab color
For reduced tab height, you could use Afterglow's theme small tabs JSON settings (biggest size is set by default, add a comma at the end of true if more settings are listed):
{
"tabs_small": true
}
The icon I am looking for is pretty unique, so I think I'm going to have to create my own. (I'm looking for an icon of a closed door) I found a PNG file similar to what I need, but I need to figure out a way to integrate it with the material ui font icon.
Is there a way to create the js file for it, similar to the ones that exist? Like this one: https://github.com/callemall/material-ui/blob/master/src/svg-icons/action/accessibility.js
I don't know where the "path" comes from, does anyone know?
Thanks in advance!
Those were created using design tools specifically created for this purpose. Creating path based SVG Icons will take a bit more time if you're unexperienced in the field, however it is most likely you can create your own with some free online tools and a bit of patience.
Once you did (the data doesn't necessarily have to be in path format for the SVG, you can create any valid SVG using the available syntax and attributes which you can find info about right here), you can simply replicate one of those JS files and import / export them wherever applicable and use it in a similar fashion as you would any Material UI one.
Such an online tool could be this one for creating what you need:
http://editor.method.ac/
How do you change the text within the extension library dialog box? No matter what I do, the text remains the same size. I can see the font change in the designer cleint but not in the browser. I tried looking at it with IE Developer Tools but I can't even see the text anywhere.
I have no idea what was going on yesterday but it just wasn't working. I was simply trying to set the text size of a computed field inside a dialog box. I changed the font size in the properties of the computed field and seems to work now, We have seen these issues on our dev server before.
I am not sure if you can change the text with text options but you can if you use HTML, and it should also work with CSS.
Standard <h1><h2><h... oh you get the idea works for me.