I have a need to take a regular font and obtain a dotted version of it. By "dotted", I mean that the lines and curves that make up the letterforms are composed of dots or dashes MyFonts has some examples of what I mean.
Is there any way to convert an existing non-dotted font into a dotted font without having to use a font editor myself?
Related
I am using asciidoc extensively for documentation. I am also using the feature Highlight syntax feature of asciidoc.
By default it highlight the color in yellow, as in the following link: https://docs.asciidoctor.org/asciidoc/latest/text/highlight/
I googled to find out if it is possible to change the color, but did not find any useful information.
Question: Is it possible to change this color. Also is it possible to maintain more that one color for highlighting.
The colour of the highlight is determined by the converter you are using. For example, with the HTML converter, the text is surrounded by <mark> tags, and most browsers will style this yellow by default. You can change the colour of the <mark> element using CSS.
To add more than one highlight style to your document, you should use a custom inline style. Again, for the HTML converter, style the <span> elements using CSS.
The default stylesheet for asciidoctor currently contains the following custom inline styles for highlighting:
.aqua-background{background:#00fafa}
.black-background{background:#000}
.blue-background{background:#0000fa}
.fuchsia-background{background:#fa00fa}
.gray-background{background:#7d7d7d}
.green-background{background:#007d00}
.lime-background{background:#00fa00}
.maroon-background{background:#7d0000}
.navy-background{background:#00007d}
.olive-background{background:#7d7d00}
.purple-background{background:#7d007d}
.red-background{background:#fa0000}
.silver-background{background:#bcbcbc}
.teal-background{background:#007d7d}
.white-background{background:#fafafa}
.yellow-background{background:#fafa00}
I assume you are converting to HTML, in that case the easiest way to change the highlighting color would be to use these existing inline styles, like this:
#Werewolves# are [.red-background]#allergic# to [.aqua-background]#cinnamon#.
I am using the STRING app in Cytoscape and find most node labels difficult to read. I want to have white text with a black border/ stroke so that it will stand out against the white background and the color nodes, but I can't figure out how to do this. Is there a way to add labels with white text and a black border? 'STRING style labels' are black with white borders, but are too small and seem to not be customizable.
The STRING style labels actually are customizable, but they use the enhancedGraphics plugin, so the information is stored in a column -- stringdb::enhancedLabel Passthrough. If you look in that column, you'll see how the defaults are set, but you can certainly change those defaults, for example, by changing the "labelsize" from 12 to 16. You can similarly change the font color, outline color, etc.
-- scooter
I'm developing a text renderer library which is similar to FreeType for my game. I don't know how to determine the tab width.
When I'm handling control characters, I found a problem, that is my text renderer is not only for monospace fonts but also for non-monospace fonts. I know that for monospace fonts, the width of the tab aligning can be 4 or 8 spaces, depending on the usage of the text renderer (AFAIK, most of the programming IDEs intend tabs to 4 spaces; and for creating tables, the software often intend tabs to 8 spaces). But for non-monospace fonts, which value should I use?
After watching lots of IDE's behavior of handling non-monospace fonts, I found the answer:
Use the width of space character ('\x20') as the unit of the tab width, and the tab width should be 4 spaces by default.
Also I gave a choice for the users to determine how to align characters for non-monospace fonts, one is to align characters normally as we see how other programs (such as Microsoft Word, Chrome, etc.) align non-monospace font text, the other one is to force aligning characters as monospace style by fix the width value of each characters, and the fixed width value were determined by scan all of the alphabets, digits and punctuations, and find a maximum value for it. And for full-width characters, I just let the width value x 2.
I've been using a combination of Illustrator, Sketch, Inkscape, and Peter Collingridge's svg-editor to create and manipulate SVG's, but I've been running into a few issues. I am trying to create a basic logo using text, and when the logo appears on the page I would like to animate the outside border (with a drawing effect), and then fill the centers with a solid color.
In Illustrator and Sketch, I started with a basic text box and converted the layer to outlines, but my exported SVG's only contain a single path without the stroke and stroke-width fields. It just looks something like this: <path fill="#FFF" d="…"/>, with alot of markup in the d='' field.
I read up and learned Inkscape exports some of the cleanest SVG's, so imported a PNG of my initials, "traced a bitmap image" and the "ungrouped the layers" per this demo. This exported a multi-path svg, but each still lacked the stroke and stroke-width params. This is the closest I've come so far to animating it: codepen.io/pcooney10/pen/PPvGrx, and it also contains the actual SVG code.
I have a few questions, hopefully some people over here can help:
How can I create/export SVG's that contain stroke, stroke-width, stroke-dasharray, and stroke-dashoffset fields? These params seem to unlock a lot of animation functionality,and my paths only seem to have fill='' and d=''.
Generally, what's the best tool for creating SVG's? It seems Inkscape exports the cleanest SVG code, but it's not as easy to maneuver as Sketch and Illustrator. Peter Collingridge's svg-editor seems to be the best for slimming down the code, but it doesn't remove all of the styling that Sketch and Illustrator embed in the file.
You complain of your SVG as containing "d" operations. But this is a powerful notation which draws your letters! You can use this as a start for animation.
Idea: just use Inkscape.
Enter your text. Make it just the way you wish it to appear. Click Menu > Path > Object to Path. This converts it from font-based to vector-based.
Click Save As... and choose the plain SVG format.
At my new job I'll need to use a mac, and I'm trying to use tmux with iTerm version 2.
While horizontal borders appear to be displayed with the proper ACS box-drawing characters[1], the vertical borders are dashed. This is not a problem in Terminal.app, the borders are displayed correctly. The problem appears to occur regardless of the font I select.
In all the screen shots I can find of iTerm and tmux this seems to be the case as well. Is this simply a limitation of iTerm, or is there a problem with my terminfo or locale?
[1] Tmux borders displayed as x q instead of lines?
Old post but anyway for people looking into this still. I find it best to set a different font for Non-Ascii characters and my actual font used for ASCII characters.
For reference I use Menlo for Powerline for Non-ASCII and Droid Sans Mono for my ASCII font and this sorts out the vertical line spacing without faffing around with vertical spacing etc.
The gap you see between the vertical bar characters is a combined effect the current font's design and vertical spacing. For me, I saw a marked decrease in the gaps when I switched to Courier New, but I also don't observe a difference between iTerm2 and Terminal for the same font. Decreasing the vertical spacing from the font selector can help, but may also crowd the lines together too much.
In iTerm2 I was able to get things looking near-perfect by using a larger font for non-ascii characters:
Settings:
Update: This worked for me! https://github.com/Determinant/inconsolata_for_powerline_mod
I don't think that's the solution. I have noticed the same issue. What I see is that if I make my font huge, the alphanumerics scale accordingly, but the box drawing characters dont. Not sure where the issue lies. Notice in the attached image how the alphanumerics have scaled proportionally but the line drawing characters have not. Font is Inconsolata at 14pt.
http://i.stack.imgur.com/KOipL.png