<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Ruby sample</title>
</head>
<body>
	<p>
		心理学者の
		<ruby>
			Hyunjin Song
			<rt>ソン・ヒュンジン</rt>
		</ruby>
		氏と
		<ruby>
			Norbert Schwarz
			<rt>ノアバート・シュワルツ</rt>
		</ruby>
		氏による研究では、読みにくいフォントで書かれたエクササイズやレシピはより複雑だと感じることを発見した。
	</p>
</body>
</html>

Reference: 認知的流暢性(cognitive fluency) - UX TIMES