Через SVG, можно инлайн, можно просто картинкой:


Размеры рамки через stroke-dasharray='length gap' stroke-width='3'

Можно еще через маску, если фон будет не сплошным цветом.

Верстается элементарно, картинок тут не нужно.

Open Sans - это семейство шрифтов.

Regular - это обычный вид начертания. У regular font-weight: 400, стандартный. Подключая Open Sans, вы получаете Open Sans Regular
У этого шрифта вариантов несколько, они могут отличаться насыщенностью, пропорциями, контрастностью и наклоном. Все они есть у гугла
https://fonts.google.com/specimen/Open+Sans

Можно упороться и сделать без скриптов и с упоротой разметкой