I just want us this demo to summarize the basic geometry  knowledge of web font-end.