I’ve always preferred using Adobe Typekit. It’s easy to navigate and pin-point exactly what specific style font you’re looking for.
Based on the typefaces available, I chose the fonts EloquentJFPro Regular and Essonnes. Both of these fonts are Serifs, but I think the two fonts make a great pair. EloquentJFPro Regular uses very drastic, thick stroke weights. Essonnes, on the other hand, uses much thinner stokes. The weights of the type may be different, but the letter shapes for both type faces are very curvy.
The combinations of similarities and differences between the two typefaces create a hierarchy when used together. The sample heading and sub-heading I used to test out fonts prove that both EloquentJFPro Regular and Essonnes could be used potentially on a website.