https://fount.artequalswork.com/
Drag their button to your bookmarks bar in your browser then navigate to the webpage where you want to identify the font, click the button and locate the web font you want identified – very cool!
The gif above was generated using ScreenToGif, another very useful tool.
Based on a German website, these are the top 100 best fonts of all time.
Below you will find the full list of the best 100 fonts along with the designer & the year in which they were designed.
1. Helvetica [1957 - Max Miedinger]
2. Garamond [1530 - Claude Garamond]
3. Frutiger [1977 - Adrian Frutiger]
4. Bodoni [1790 - Giambattista Bodoni]
5. Futura [1927 - Paul Renner]
6. Times [1931 - Stanley Morison]
7. Akzidenz Grotesk [1966 - G nter Gerhard Lange]
8. Officina [1990 - Erik Spiekermann]
9. Gill Sans [1930 - Eric Gill]
10. Univers [1954 - Adrian Frutiger]
11. Optima [1954 - Hermann Zapf]
12. Franklin Gothic [1903 - Morris Fuller Benton]
13. Bembo [1496 - Francesco Griffo]
14. Interstate [1993 - Tobias Frere-Jones]
15. Thesis [1994 - Lucas de Groot]
16. Rockwell [1934 - Frank H. Pierpont]
17. Walbaum [1800 - Justus Walbaum]
18. Meta [1991 - Erik Spiekermann]
19. Trinit [1982 - Bram De Does]
20. Din [1926 - Ludwig Goller]
21. Matrix [1986 - Zuzana Licko]
22. OCR [1965 - American Type Founders]
23. Avant Garde [1968 - Herb Lubalin]
24. Lucida [1985 - Chris Holmes / Charles Bigelow]
25. Sabon [1964 - Jan Tschichold]
26. Zapfino [1998 - Hermann Zapf]
27. Letter Gothic [1956 - Roger Roberson]
28. Stone [1987 - Summer Stone]
29. Arnhem [1998 - Fred Smeijers]
30. Minion [1990 - Robert Slimbach]
31. Myriad [1992 - Twombly & Slimbach]
32. Rotis [1988 - Olt Aicher]
33. Eurostile [1962 - Aldo Novarese]
34. Scala [1991 - Martin Majoor]
35. Syntax [1968 - Hans Eduard Meier]
36. Joanna [1930 - Eric Gill]
37. Fleishmann [1997 - Erhard Kaiser]
38. Palatino [1950 - Hermann Zapf]
39. Baskerville [1754 - John Baskerville]
40. Fedra [2002 - Peter Bil'ak]
41. Gotham [2000 - Tobias Frere-Jones]
42. Lexicon [1992 - Bram De Does]
43. Hands [1991 - Letterror]
44. Metro [1929 - W. A. Dwiggins]
45. Didot [1799 - Firmin Didot]
46. Formata [1984 - Bernd M llenst dt]
47. Caslon [1725 - William Caslon]
48. Cooper Black [1920 - Oswald B. Cooper]
49. Peignot [1937 - A. M. Cassandre]
50. Bell Gothic [1938 - Chauncey H. Griffith]
51. Antique Olive [1962 - Roger Excoffon]
52. Wilhelm Klngspor Gotisch [1926 - Rudolf Koch]
53. Info [1996 - Erik Spiekermann]
54. Dax [1995 - Hans Reichel]
55. Proforma [1988 - Petr van Blokland]
56. Today Sans [1988 - Volker K ster]
57. Prokyon [2002 - Erhard Kaiser]
58. Trade Gothic [1948 - Jackson Burke]
59. Swift [1987 - Gerald Unger]
60. Copperplate Gothic [1901 - Frederic W. Goudy]
61. Blur [1992 - Neville Brody]
62. Base [1995 - Zuzana Licko]
63. Bell Centennial [1978 - Matthew Carter]
64. News Gothic [1908 - Morris Fuller Benton]
65. Avenir [1988 - Adrian Frutiger]
66. Bernhard Modern [1937 - Lucian Bernhard]
67. Amplitude [2003 - Christian Schwartz]
68. Trixie [1991 - Erik van Blokland]
69. Quadraat [1992 - Fred Smeijers]
70. Neutraface [2002 - Christian Schwartz]
71. Nobel [1929 - Sjoerd de Roos]
72. Industria [1990 - Neville Brody]
73. Bickham Script [1997 - Richard Lipton]
74. Bank Gothic [1930 - Morris Fuller Benton]
75. Corporate ASE [1989 - Kurt Weidemann]
76. Fago [2000 - Ole Schafer]
77. Trajan [1989 - Carol Twombly]
78. Kabel [1927 - Rudolf Koch]
79. House Gothic 23 [1995 - Tal Leming]
80. Kosmik [1993 - Letterror]
81. Caecilia [1990 - Peter Matthias Noordzij]
82. Mrs Eaves [1996 - Zuzana Licko]
83. Corpid [1997 - Lucas de Groot]
84. Miller [1997 - Matthew Carter]
85. Souvenir [1914 - Morris Fuller Benton]
86. Instant Types [1992 - Just van Rossum]
87. Clarendon [1845 - Benjamin Fox]
88. Triplex [1989 - Zuzana Licko]
89. Benguiat [1989 - Ed Benguiat]
90. Zapf Renaissance [1984 - Hermann Zapf]
91. Filosofia [1996 - Zuzana Licko]
92. Chalet [1996 - House Industries]
93. Quay Sans [1990 - David Quay]
94. C zanne [1995 - Michael Want, James Grieshaber]
95. Reporter [1938 - Carlos Winkow]
96. Legacy [1992 - Ronald Arnholm]
97. Agenda [1993 - Greg Thompson]
98. Bello [2004 - Underware]
99. Dalliance [2000 - Frank Heine]
100. Mistral [1953 - Roger Excoffon]
In Expression Blend you can convert any object to a path: Object Menu > Path > Convert to Path.
| ClickOnce installer | http://stevenhollidge.com/blog-source-code/clickonce/text2path/Text2Path.html |
| Source code | https://github.com/stevenh77/Text2Path |
<Controls:MetroWindow x:Class="Text2Path.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Text2Path"
Height="500"
Width="660"
ShowMinButton="False"
ShowMaxRestoreButton="False"
ShowIconOnTitleBar="true"
xmlns:Controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro">
<Controls:MetroWindow.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Colours.xaml" />
<ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Fonts.xaml" />
<ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" />
<ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/Blue.xaml" />
<ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/BaseLight.xaml" />
<ResourceDictionary Source="Resources/Icons.xaml" />
</ResourceDictionary.MergedDictionaries>
<Style TargetType="ComboBox">
<Setter Property="FontFamily" Value="Segoe UI"/>
<Setter Property="FontSize" Value="18"/>
<Setter Property="Margin" Value="10"/>
</Style>
<Style TargetType="TextBox">
<Setter Property="FontFamily" Value="Segoe UI"/>
<Setter Property="FontSize" Value="18"/>
<Setter Property="Margin" Value="10"/>
<Setter Property="Height" Value="30" />
</Style>
<Style TargetType="TextBlock">
<Setter Property="FontFamily" Value="Segoe UI"/>
<Setter Property="FontSize" Value="18"/>
<Setter Property="Margin" Value="10"/>
<Setter Property="Height" Value="30" />
</Style>
</ResourceDictionary>
</Controls:MetroWindow.Resources>
<Controls:MetroWindow.WindowCommands>
<Controls:WindowCommands>
<Button x:Name="BlogButton" Content="blog" Click="BlogButton_Click" />
</Controls:WindowCommands>
</Controls:MetroWindow.WindowCommands>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100" />
<ColumnDefinition Width="150" />
<ColumnDefinition Width="100" />
<ColumnDefinition Width="150" />
<ColumnDefinition Width="150" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="50" />
<RowDefinition Height="50" />
<RowDefinition Height="50" />
<RowDefinition Height="100" />
<RowDefinition Height="200" />
</Grid.RowDefinitions>
<TextBlock Text="Text:" Grid.Column="0" Grid.Row="0" />
<TextBox x:Name="TextTextBlock" Grid.Column="1" Grid.Row="0" Grid.ColumnSpan="3" />
<Button x:Name="ConvertButton" Grid.Column="4" Grid.Row="0" Content="Convert" Click="ConvertButton_Click" VerticalAlignment="Top" Margin="10"/>
<TextBlock Text="Culture:" Grid.Column="0" Grid.Row="1" />
<ComboBox x:Name="CultureComboBox" Grid.Column="1" Grid.Row="1" />
<TextBlock Text="Direction:" Grid.Column="2" Grid.Row="1" />
<ComboBox x:Name="DirectionComboBox" Grid.Column="3" Grid.Row="1" IsReadOnly="True" />
<TextBlock Text="Font:" Grid.Column="0" Grid.Row="2" />
<ComboBox x:Name="FontComboBox" Grid.Column="1" Grid.Row="2" />
<TextBlock Text="Font Size:" Grid.Column="2" Grid.Row="2" />
<ComboBox x:Name="FontSizeComboBox" Grid.Column="3" Grid.Row="2" />
<TextBlock Text="Result:" Grid.Row="3" VerticalAlignment="Top" Visibility="Collapsed"/>
<Path x:Name="OutputPath" Grid.Row="3" Grid.Column="1" Grid.ColumnSpan="3"
Stroke="Black" Fill="Black"
HorizontalAlignment="Center"
VerticalAlignment="Center"/>
<TextBlock x:Name="PathTextBlock" Text="Path:" Grid.Row="4" VerticalAlignment="Top" Visibility="Collapsed"/>
<TextBox x:Name="OutputTextBox" Grid.Column="1" Grid.ColumnSpan="3" Grid.Row="4"
IsReadOnly="True"
VerticalAlignment="Stretch"
Visibility="Collapsed"
TextWrapping="WrapWithOverflow"
FontSize="12"
Height="180"/>
<Button x:Name="CopyButton" Visibility="Collapsed" Grid.Column="4" Grid.Row="4" Content="Copy" Click="CopyButton_Click" VerticalAlignment="Top" Margin="10"/>
<TextBlock x:Name="ClipboardResponse" Grid.Column="4" Grid.Row="4" VerticalAlignment="Top" HorizontalAlignment="Center" FontSize="12" Foreground="Red" Margin="0,60,0,0"/>
</Grid>
</Controls:MetroWindow>
using System;
using System.Collections;
using System.Drawing.Text;
using System.Globalization;
using System.Linq;
using System.Windows;
using System.Windows.Input;
using System.Windows.Media;
namespace Text2Path
{
public partial class MainWindow
{
public MainWindow()
{
InitializeComponent();
Populate();
SetDefaults();
}
private void Populate()
{
CultureComboBox.ItemsSource = Helper.GetAvailableCultures();
DirectionComboBox.ItemsSource = Helper.GetDirections();
FontComboBox.ItemsSource = Helper.GetFonts();
FontSizeComboBox.ItemsSource = Helper.GetFontSizes();
}
private void SetDefaults()
{
TextTextBlock.Text = "Convert this text!";
CultureComboBox.SelectedItem = "en-US";
DirectionComboBox.SelectedItem = "Left to right";
FontComboBox.SelectedItem = "Segoe UI";
FontSizeComboBox.SelectedItem = "48";
}
private void ConvertButton_Click(object sender, RoutedEventArgs e)
{
try
{
this.Cursor = Cursors.Wait;
var path = Helper.Text2Path(TextTextBlock.Text,
CultureComboBox.Text,
(DirectionComboBox.Text == "Left to right"),
FontComboBox.Text,
Int32.Parse(FontSizeComboBox.Text));
OutputTextBox.Text = string.Format("<Path Stroke={0}Black{0} Fill={0}Black{0} Data={0}{1}{0} />", '"', path);
PathTextBlock.Visibility = Visibility.Visible;
CopyButton.Visibility = Visibility.Visible;
OutputPath.Data = Geometry.Parse(path);
}
catch (Exception ex)
{
OutputTextBox.Text = ex.Message;
}
finally
{
OutputTextBox.Visibility = Visibility.Visible;
this.Cursor = Cursors.Arrow;
}
}
private void BlogButton_Click(object sender, RoutedEventArgs e)
{
System.Diagnostics.Process.Start("http://stevenhollidge.blogspot.com");
}
private void CopyButton_Click(object sender, RoutedEventArgs e)
{
try
{
Clipboard.SetData(DataFormats.Text, OutputTextBox.Text);
ClipboardResponse.Text = "Success";
}
catch
{
ClipboardResponse.Text = "Failed";
}
}
}
public class Helper
{
public static string Text2Path(String text, string culture, bool leftToRight, string font, int fontSize)
{
if (culture == "") culture = "en-us";
var ci = new CultureInfo(culture);
var fd = leftToRight ? FlowDirection.LeftToRight : FlowDirection.RightToLeft;
var ff = new FontFamily(font);
var tf = new Typeface(ff, FontStyles.Normal, FontWeights.Normal, FontStretches.Normal);
var t = new FormattedText(text, ci, fd, tf, fontSize, Brushes.Black);
var g = t.BuildGeometry(new Point(0, 0));
var p = g.GetFlattenedPathGeometry();
return p.ToString();
}
public static IEnumerable GetAvailableCultures()
{
return CultureInfo.GetCultures(CultureTypes.SpecificCultures | CultureTypes.NeutralCultures)
.Select(x => x.Name)
.ToList();
}
public static IEnumerable GetDirections()
{
return new [] {"Left to right", "Right to left" };
}
public static IEnumerable GetFonts()
{
return new InstalledFontCollection().Families.Select(font => font.Name).ToList();
}
public static IEnumerable GetFontSizes()
{
return new [] { 8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 26, 28, 36, 48, 72 }.Select(x => x.ToString());
}
}
}
