► Is there a way to apply anti-aliasing/smoothing to the edges of this unicode triangle?
Related Questions in CSS
- How to use custom font during html to pdf conversion?
- Storing the preferred font-size in localStorage
- mp4 embedded videos within github pages website not loading
- Is there any way to glow this bulb image like a real light bulb
- What can I do to improve my coding on both html and css
- Uncaught TypeError: google.maps.LatLng is not a constructor at init (script.js:7:13)
- Bootstrap modal not showing at the desired position on a web page when the screen size is smaller
- How to increase quality of mathjax output?
- Hover animation resetting( seemingly reverting back to original CSS and then again to hover)when moving mouse horizontaly accross a part of an element
- Storing selected language in localStorage
- How to clip grid cell and provide scroll as well?
- KeyboardAvoidingView makes a messy the flexbox
- Rotate an object around another object in javascript
- Understanding Scroll Anchoring Behavoir
- how to use only block layout in this css code?
Related Questions in UNICODE
- Question about unicode assignments in python
- Can't we make a better variable-length character encoding with just using the 1 bit extra in the 7 bit ASCII?
- UTF-8 string has too many bytes using SBCL and babel on Windows 64 bits
- how to implement ZWJ and NZWJ in fontlab
- charAt() on HTML entities
- NCURSESW - Unable to use addwstr function to print out unicode characters outside of standard ASCII
- pdftk unicode works in preview but not adobe acrobat
- How to store metadata for a UTF-8 text file cross-platform?
- Is there a 'bottom-to-top' equivalent of the unicode 'rtl override'?
- pdftk generated pdf does not render correct utf-8
- How do I add a bullet point before a line of text in ZPL on a Zebra ZD500R?
- Visual C++ - how can I turn a unicode character into char or string?
- Getting error 'Some bytes have been replaced with the Unicode substitution character while loading file ... with Unicode (UTF-8)"
- French special characters unicode required for first name
- How to use HTML5 input pattern attribute to validate Latin and extended Latin characters only
Related Questions in ANTIALIASING
- Pygame 2d games sprite rotation jagged edges
- Ugly Fonts in Java Swing - How to set antialiasing?
- Is antialias possible in WebGL 2 if one of your fragment shader outputs is integer?
- Why java Antialiasing doesn't works?
- Why are histograms incorrectly displayed when the distribution is tightly clustered?
- ThreeJS OutlinePass gets removed if TAA i enabled
- How can I define Anti-Aliasing when creating a device in DX9?
- allowsEdgeAntialiasing not working on iOS17
- Plot with low resolution curves
- Why is C# graphics text antialiasing quality so poor with smaller font size?
- How to suppress antialiasing of an image in shiny?
- Inconsistent anti-aliasing using emscripten/c++/wasm with different browsers/machines
- How can I achieve smooth drawing in QT similar to Onenote or Goodnotes?
- Problem with svg export in illustrator. A kind of antialiasing?
- css - white line between border and content after scaling
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Based on my testing it looks like the best bet is to use
text-shadow, depending on which direction the triangle is pointing:Each browser seems to handle exactly how this turns out a little differently. In Firefox it's barely noticeable, in Safari it looks fantastic.
I gathered all the different techniques for trying to smooth web fonts into one place on JSFiddle: http://jsfiddle.net/XdP6x/
While I think the
text-strokeoption in Webkit looks slightly better thantext-shadow, it wasn't possible to easily combine both techniques to get better results thantext-shadowalone.Font-smoothing did nothing and blurring looked hideous. I also tried
transform:rotate(360deg);to no effect.I also found various unicode triangles other than 25BA. Not all devices and browsers seem to support 25C0 and 25B6, I suggest using 25BA and 25C4.
--
Alternatively try using an SVG as a CSS background: http://jsfiddle.net/z6hw281a/